Dependency Array مصفوفة الاعتماديات

آخر تحديث: 2026-11-03

Dependency Array مصفوفة الاعتماديات

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

ℹ️ ملاحظة يحوّل المحرّر JSX إلى JavaScript ويعرض الواجهة الحقيقية داخل بيئة معزولة؛ تُركَّب المكوّنات تلقائياً دون استدعاء render يدوي.

📝 الصيغة

useEffect(fn)        // يُنفَّذ بعد كل عرض
useEffect(fn, [])    // يُنفَّذ مرة واحدة بعد التركيب
useEffect(fn, [a])   // يُنفَّذ عند تغيّر a (بمقارنة Object.is)

القيمة المرجعة：لا قيمة معادة؛ فهذه المدخلات تصف نمط برمجة لا دالة.

▶ مثال

المثال يعمل مباشرة: يُعرض تلقائياً عند التوسيع وتظهر التعديلات فوراً.

الناتج：

الضغط على مستخدم مختلف يعرض «Loading…» أولاً ثم الاسم المطابق؛ وحتى النقرات السريعة لن تخلط البيانات، لأن المؤقّت القديم يُنظَّف.

💡 النقاط الأساسية

🏷️ المزيد من الآثار والأداء

💡 حالات ذات صلة

📚 دروس ذات صلة

❓ الأسئلة الشائعة

فريق Web-Tutorial التقني

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

من نحن