استخدام المراجع للمدخلات غير الخاضعة للرقابة

تحافظ المكونات المُتحكَّم بها على تزامن واجهة المستخدم والحالة تمامًا، ولكنها قد تبدو مُطوّلة في النماذج السريعة قليلة المنطق أو عند دمجها مع أدوات خارجية تُدير حالتها الداخلية. في مثل هذه الحالات، يُفضَّل ترك DOM يحتفظ قيمة وقراءتها عند الطلب عبرuseRef يمكن أن يكون أبسط، وأحيانًا أكثر فعالية. تذكر،useRef يتيح لنا إنشاء مرجع لعنصر DOM أو قيمة قابلة للتغيير، ويبقى ثابتًا عبر عمليات العرض دون إعادة التهيئة. لكن الفارق يكمن في عدم تلقي تحديثات حالة React في الوقت الفعلي أثناء كتابة المستخدم؛ بل نقرأ القيم صراحةً عند الحاجة (مثلًا، عند إرسال نموذج ).

فهم المدخلات غير الخاضعة للرقابة

إدخال غير المتحكم فيها هي معيار<input> (أو<textarea> ،<select> ) التي توجد قيمة الحالية في DOM، وليس في حالة React . معuseRef ، نقوم بإرفاق مرجع إلى العنصر، ثم الوصول إليه لاحقًاref.current.value لقراءة قيمة الإدخال في تلك اللحظة.

الأفكار الرئيسية

• DOM هو مصدر ...