...

/

خطاف useEffect

خطاف useEffect

تعرف على كيفية تعامل خطاف useEffect مع التأثيرات الجانبية مثل جلب البيانات وتحديثات DOM والتنظيف.

سنغطي ما يلي...

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

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

فهمuseEffect

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

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

التبعيات هي القيم أو متغيرات الحالة التي، عند تغييرها، تؤدي إلى إعادة تنفيذ وظيفة التأثير المقدمة إلىuseEffect . يتم إدراج هذه القيم في مصفوفة باعتبارها المعلمة الثانية لـuseEffect .

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

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

  • الأسطر 6-8: ...