شرح صفوف ومحتوى الفقرة
لماذا تشترط React ثبات ترتيب الخطافات في كل تصيير؟ لاحظ أن استدعاء useState(0) لا يمرر اسماً نصياً للمتغير، بل تحتفظ React داخلياً بمصفوفة خلايا مرقمة لكل مكون وتقرأها بفهرس متسلسل (0 ثم 1 ثم 2) أثناء الرسم. فإذا اختفى خطاف داخل شرط if اختلّت فهارس كافة الخطافات التالية له. يلخص الجدول التالي الفروق الحاسمة:
| وجه المقارنة | المتغير المحلي العادي | خطاف الحالة useState |
|---|---|---|
| بقاء القيمة بين التصييرات | تُصفر وتُنشأ من جديد في كل استدعاء للدالة | تحتفظ بها React في خلية ذاكرة المكون |
| تحفيز تحديث الشاشة | تعديلها صامت ولا يعيد رسم الواجهة أبداً | استدعاء دالة الضبط يجدول إعادة تصيير فورية |
| عزل النسخ المتعددة | المتغير الخارجي يشترك خطأً بين كل النسخ | تمتلك كل نسخة معروضة ذاكرة مستقلة خاصة بها |
| قاعدة موضع التعريف | تُكتب في أي موضع أو داخل الشروط والحلقات | تُستدعى في المستوى الأعلى للدالة دون شروط |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
اكتشفت في هذا الدرس سبب عجز المتغيرات المحلية عن تحديث الشاشة، وأضفت ذاكرة تفاعلية حية عبر خطاف useState مع تعدد الحالات وعزل ذاكرة كل نسخة مكون والالتزام التام بقواعد ترتيب الخطافات. الخطوة التالية: انتقل الآن إلى الدرس رقم 19 «دورة التصيير والاعتماد والحالة كلقطة ثابتة» لمواصلة البناء التراكمي المتدرج في مسار React الحديث.