اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیشتنظیمپاورقی چسبندهبرجستهسازی دستورگروه آواتار کاربران
ورودی با تاخیر (DebounceInput)
ورودی با تاخیر یک کامپوننت است که یک فیلد ورودی را با قابلیت تاخیر بستهبندی میکند. این ویژگی باعث میشود مقدار ورودی فقط پس از یک تاخیر مشخص پردازش شود و فرکانس عملیاتهای سنگین مانند فراخوانی API یا بهروزرسانی وضعیت هنگام تایپ کاهش یابد.
مثال (Example)
نمونهای از استفاده
API
کانتینر (Container)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| wait | زمان انتظار قبل از اجرای رویداد onChange پس از توقف تایپ کاربر. | number | 500 |
| disabled | آیا ورودی غیرفعال باشد. | boolean | - |
| invalid | آیا ورودی در وضعیت نامعتبر باشد. | boolean | - |
| onBlur | بازخوانی زمانی که ورودی فوکوس را از دست میدهد. | (e: MouseEvent) => void | - |
| onChange | بازخوانی زمانی که مقدار ورودی تغییر میکند. | (e: MouseEvent) => void | - |
| onFocus | بازخوانی زمانی که ورودی فوکوس میشود. | (e: MouseEvent) => void | - |
| prefix | نمایش محتوای پیشوند در داخل ورودی. | string | ReactNode | - |
| size | اندازه ورودی. | 'lg' | 'md' | 'sm' | 'md' |
| suffix | نمایش محتوای پسوند در داخل ورودی. | string | ReactNode | - |
| textArea | آیا ورودی به فیلد textarea تبدیل شود. | boolean | - |
| type | نوع ورودی. برای انواع موجود به MDN مراجعه کنید. | string | 'text' |
| unstyle | آیا استایل پیشفرض ورودی حذف شود. | boolean | false |