وظائف تنظيف المراجع

في React، تُستخدم المراجع غالبًا للتفاعل مباشرةً مع عناصر DOM. بينما يصف كل من الحالة والخصائص واجهة المستخدم بشكل تصريحي، تتطلب بعض الحالات الوصول الإجرائي، مثل تسجيل مستمعي الأحداث، أو تشغيل الرسوم المتحركة، أو اكتشاف النقرات الخارجية. ومثل أي آثار جانبية أخرى، فإن أي مستمعين أو عمليات معالجة DOM تُضاف عبرref يجب تنظيفها عند إلغاء تحميل المكون.

يقدم React 19 طريقةً أنظف للتعامل مع هذا: يمكننا إرجاع دالة تنظيف مباشرةً منref رد نداء، تمامًا كما نفعل منuseEffect هذا يلغي الحاجة إلى التعليمات البرمجية المتكررة ويحافظ على منطق إعداد DOM وإزالته في مكان واحد.

مشكلة التنظيف التقليدي

في السابق، كنا نستخدمuseEffect لربط وتنظيف عناصر مثل مستمعي الأحداث أو الرسوم المتحركة. غالبًا ما يؤدي هذا إلى تقسيم منطق الإعداد والإزالة عبر أجزاء مختلفة من المكون، مما يجعل الكود أكثر صعوبة في الفهم.

• السطر 4: يُنشئ مرجعًا (divRef ) للوصول إلى عقدة DOM.

• السطر 7: يُعرّفhandleClick وظيفة يتم تشغيلها عند النقر.

• السطران 8-9: يربطان مستمع حدث النقر بـdiv باستخدام المرجع. ...