انتقل إلى محتوى الدرس

Three Dependency Array Modes الحالات الثلاث لمصفوفة الاعتماديات

أتقن استخدام خطاف useEffect لمزامنة مكونات React مع الأنظمة الخارجية بعد رسم الشاشة، وتحديد مصفوفة الاعتماديات بدقة، ومنع حلقات التصيير اللانهائية.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يعمل كل استدعاء لخطاف useEffect وفق إحدى ثلاث حالات واضحة لمصفوفة الاعتماديات:

  1. مصفوفة بقيم محددة [a, b]: يعمل بعد التركيب الأولي ثم بعد أي تصيير تتغير فيه قيمة a أو b.
  2. مصفوفة فارغة []: يعمل مرة واحدة عند التركيب الفعلي لأنه لا يقرأ أي قيم تفاعلية متغيرة داخل المكون.
  3. إغفال المصفوفة تماماً useEffect(fn): يعمل عقب كل تصيير بلا استثناء، وهو سلوك نادر الحاجة.
الصف 2 ملاحظة هامة