اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیشتنظیمپاورقی چسبندهبرجستهسازی دستورگروه آواتار کاربران
فرم ورودی با فرمت سفارشی (FormCustomFormatInput)
FormCustomFormatInput یک کامپوننت ورودی است که با react-number-format پوشش داده شده است.
ساده (Simple)
استفاده ساده از FormCustomFormatInput، همه props های react-number-format میتوانند به این کامپوننت نیز اعمال شوند.
با فرم (WithForm)
نمونهای از استفاده با React Hook Form
API
فرم ورودی با فرمت سفارشی (FormCustomFormatInput)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| inputPrefix | محتوای پیشازورودی را در داخل فیلد ورودی نمایش میدهد. | string | ReactNode | - |
| inputSuffix | محتوای پسازورودی را در داخل فیلد ورودی نمایش میدهد. | string | ReactNode | - |
| format | یک تابع فرمت که میتواند هر رشته عددی را به یک رشته فرمتشده تبدیل کند. | (value: string) => string | - |
| removeFormatting | یک تابع برای حذف فرمت از یک رشته فرمتشده و بازگشت به رشته عددی. | (value: string) => string | - |
| getCaretBoundary | یک تابع که با دریافت یک رشته فرمتشده، مرزهای موقعیت مجاز مکاننما را باز میگرداند. اساساً یک آرایه از boolean است که نشان میدهد مکاننما در کجا مجاز به قرار گرفتن است. | (formattedValue: string) => boolean[] | - |
| isValidInputCharacter | یک تابع برای تعیین اینکه آیا یک کاراکتر در مقدار فرمتشده یک کاراکتر قابل تایپ معتبر است یا خیر. این تابع معمولاً نیازی به ورودی ندارد، زیرا به طور پیشفرض برای کاراکترهای عددی (0-9) تنظیم شده است. | (character: string) => boolean | - |
وابستگیها
فرمت اعداد در React
تمامی ویژگیهای رایج فرمت اعداد در React قابل اعمال بر روی این کامپوننت هستند، برای مشاهده کامل لیست این.props.first به مستندات رسمی مراجعه کنید.