خطاف useEffect

في أي تطبيق، يجب أن تحدث بعض الإجراءات أو "الآثار الجانبية" خارج دورة العرض الاعتيادية. في سياق React والبرمجة عمومًا، تشير الآثار الجانبية إلى العمليات أو الإجراءات التي تُجريها دالة، والتي تتفاعل مع شيء خارج نطاقها أو تُعدّله، أو تؤثر على التطبيق بطرق لا تقتصر على العمليات الحسابية. من الأمثلة على ذلك جلب البيانات من API)، أو تحديث DOM، أو إعداد المؤقتات.

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

فهم useEffect

يُستخدم خطاف useEffect لتنفيذ التأثيرات الجانبية في مكوناتنا. يعمل بعد عرض المكون، ويمكن إعادة تشغيله اختياريًا عند تغيير قيم محددة (تُسمى التبعيات).

ما هي التبعيات؟

التبعيات هي القيم أو متغيرات الحالة التي، عند تغييرها، تُفعّل إعادة تنفيذ دالة التأثير المُقدّمة لـ useEffect . تُدرَج هذه القيم في مصفوفة كمعامل ثانٍ لـ useEffect .

• السطر 1: استيراد الخطافات useState و useEffect .

• السطر 4: يقوم بتهيئة متغير حالة count بـ 0 .

• الأسطر من ٦ إلى ٨: تُسجّل دالة ...