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

Shallow Prop Equality Check المقارنة السطحية للخصائص الممررة

غلّف المكونات العرضية النقية بدالة React.memo لتخطي إعادة التصيير غير الضرورية عند ثبات الخصائص، وافهم المقارنة السطحية بـ Object.is وتجنب فخ المراجع المضمنة.
2 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

كيف تقرر memo() ما إذا كانت الخصائص قد تغيرت؟ تعتمد على المقارنة السطحية (Shallow Equality)، حيث تمر على كل مفتاح في كائن الخصائص السابق والجديد وتقارن قيمتهما بالدالة المعيارية Object.is(prevProp, nextProp).

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

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