المكونات المتحكم بها في React

عند بناء التطبيقات التفاعلية، تُعدّ النماذج أساسيةً لالتقاط بيانات المستخدم. ومع ذلك، فإن الاعتماد على التلاعب المباشر بـ DOM لإدارة المدخلات غالبًا ما يؤدي إلى نتائج غير متوقعة ومنطق مشتت. يُقدّم React نمطًا أكثر موثوقية يُسمى " المكونات المُتحكّمة "، حيث تُشتق قيمة كل حقل إدخال من حالة المكوّن. يجعل هذا النهج بيانات نموذج قابلة للتنبؤ، وأسهل في تصحيح الأخطاء، ومتوافقة تمامًا مع نموذج React التصريحي.

في نموذج مُتحكَّم فيه، يتحكَّم React بشكل كامل في قيمة المُدخَل. يعكس عنصر إدخال الحالة، ويُحدِّث كل تغيير هذه الحالة عبر مُعالِجات الأحداث. يضمن هذا التزامن ثنائي الاتجاه أن تعكس واجهة المستخدم البيانات الأساسية دائمًا، مما يُنشئ مصدرًا واحدًا ومتسقًا للحقيقة.

فهم المكونات الخاضعة للرقابة

المكون المتحكم فيه هو عنصر إدخال نموذج — مثل<input> ،<textarea> ، أو<select> - يتم التحكم في قيمة بواسطة حالة React .

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

يؤدي هذا إلى جعل تدفق بيانات النموذج قابلاً للتنبؤ: ...