انتقل إلى محتوى الدرس

Stabilizing Object References تثبيت مراجع الكائنات الممررة

احفظ نواتج الحسابات المكلفة وثبّت مراجع الكائنات الديناميكية بخطاف useMemo، وثبّت مراجع الدوال الممررة للمكونات المذكرة بخطاف useCallback وتعرّف على مترجم React الحديث.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

رأينا في الدرس السابق كيف يكسر الكائن المضمن تغليف React.memo، ولكن ماذا نفعل حين تعتمد قيم ذلك الكائن على حالة داخلية متغيرة فلا يمكن رفعه خارج المكون؟

يحل خطاف useMemo() هذه المشكلة بدقة عبر كتابة useMemo(() => ({ unit, dense }), [unit, dense])؛ إذ يعيد نفس المرجع في الذاكرة طالما لم تتغير عناصر الاعتمادية، مما يحافظ على ثبات المكونات المغلفة بـ memo() واعتماديات useEffect() معاً.

الصف 2 معاينة حية