اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیشتنظیمپاورقی چسبندهبرجستهسازی دستورگروه آواتار کاربران
ورودی الگو (PatternInput)
کامپوننت PatternInput، یک کامپوننت ورودی است که با react-number-format بستهبندی شده است، برای مثالهای بیشتر به مستندات رسمی مراجعه کنید.
اساسی (Basic)
استفاده اساسی از PatternInput، تمام پراپهای react-number-format میتوانند به این کامپوننت اعمال شوند.
با فرم (WithForm)
مثال استفاده با React Hook Form
API
الگوی ورودی مستندات (PatternInputDoc)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| inputPrefix | نمایش محتوای پیشوند داخل ورودی | string | ReactNode | - |
| inputSuffix | نمایش محتوای پسوند داخل ورودی | string | ReactNode | - |
| format | الگوی فرمت را با استفاده از کاراکتر # (یا patternChar) تعریف میکند. # کاراکتر نگهدارنده برای اعداد است. | string | - |
| allowEmptyFormatting | به طور پیشفرض کامپوننت PatternFormat زمانی که مقدار خالی است (null، undefined یا '') هیچ فرمتبندی اعمال نمیکند. اگر میخواهید فرمتبندی را برای مقادیر خالی اعمال کنید، باید allowEmptyFormatting را به true تنظیم کنید. | boolean | - |
| mask | به عنوان کاراکتر ماسک برای مکانهای عددی استفاده میشود، تا زمانی که کاراکتر عددی برای آن موقعیت وارد شود. میتوانید کاراکترهای ماسک متفاوتی برای هر موقعیت عددی با عبور دادن آرایهای از کاراکترهای ماسک تعیین کنید. توجه: طول کاراکترهای ماسک باید با تعداد # patternChar مطابقت داشته باشد. | string | Array | - |
| patternChar | این کاراکتر به شما کمک میکند تا کاراکتر الگوی فرمت را تعریف کنید | string | - |
وابستگیها
فرمت شماره React
تمامی ویژگیهای رایج فرمت شماره React را میتوان بر روی این کامپوننت اعمال کرد، برای مشاهده لیست کامل مستندات رسمی مراجعه کنید.