customRef() تخصيص سلوك القراءة والكتابة لـ ref

آخر تحديث: 2026-10-22

customRef() تخصيص سلوك القراءة والكتابة لـ ref

تتيح customRef() تخصيص تتبع الاعتماديات وتوقيت الإطلاق عبر دالة مصنع، والاستخدام النموذجي لها هو إضافة debounce لحقل الإدخال.

📝 الصيغة

function useDebounced(value, delay) {
  return customRef((track, trigger) => ({
    get() { track(); return value },
    set(v) { clearTimeout(timer); timer = setTimeout(() => { value = v; trigger() }, delay) }
  }))
}

⚙️ الوسائط

القيمة المُرجعة：ref بسلوك مخصص

▶ مثال

عدّل الشيفرة أدناه وشاهد النتيجة مباشرة:

المخرجات：

Typing fast updates the line only after a 400ms pause — intermediate states are merged.

💡 نقاط مهمة

🏷️ المتقدم ذات صلة

💡 حالات ذات صلة

📚 دروس ذات صلة

❓ الأسئلة الشائعة

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن