Three Dependency Array Modes
الحالات الثلاث لمصفوفة الاعتماديات
أتقن استخدام خطاف useEffect لمزامنة مكونات React مع الأنظمة الخارجية بعد رسم الشاشة، وتحديد مصفوفة الاعتماديات بدقة، ومنع حلقات التصيير اللانهائية.
يعمل كل استدعاء لخطاف useEffect وفق إحدى ثلاث حالات واضحة لمصفوفة الاعتماديات:
- مصفوفة بقيم محددة
[a, b]: يعمل بعد التركيب الأولي ثم بعد أي تصيير تتغير فيه قيمة a أو b. - مصفوفة فارغة
[]: يعمل مرة واحدة عند التركيب الفعلي لأنه لا يقرأ أي قيم تفاعلية متغيرة داخل المكون. - إغفال المصفوفة تماماً
useEffect(fn): يعمل عقب كل تصيير بلا استثناء، وهو سلوك نادر الحاجة.
جميع فقرات هذا الدرس (مزامنة المكون مع الأنظمة الخارجية عبر useEffect)