النماذج والمدخلات المتحكم بها (Controlled Inputs)

جزء من دورة React

اكتب حرفا في حقل <input> عادي في HTML وسيتولى المتصفح الأمر وحده: عنصر DOM يحتفظ بما كتبته بهدوء، ولا حاجة لإخبار أحد. هذا يكفي إلى أن يحتاج تطبيقك إلى معرفة ما في الحقل في هذه اللحظة بالذات، ليتحقق من صحته، أو يعطّل زرا حتى يصير المدخل سليما، أو يرسله إلى مكان ما عند الإرسال. عندها لا تكفي عبارة "المتصفح يحتفظ به في مكان ما"، إذ يحتاج مكوّنك إلى نسخته الخاصة من القيمة، متزامنة مع كل ضغطة مفتاح.

تخيل لوحا أبيض يقف بجانبه وسيط: لا يُسمح لأحد بالكتابة على اللوح مباشرة، بل يخبر الناسُ الوسيطَ بما يريدون كتابته، فيحدّث الوسيط ملاحظاته الخاصة، ثم ينسخ تلك الملاحظات على اللوح. طريقة مرهقة مع لوح أبيض، لكنها تعني أن لدى الوسيط في كل لحظة نسخة دقيقة ومحدّثة لما على اللوح تماما، من غير أن يضطر إلى الاقتراب وقراءته. ...