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

The Prop Drilling Pain Point مشكلة تمرير الخصائص العميق

تخلص من عبء تمرير الخصائص عبر طبقات وسيطة متعددة في React باستخدام createContext ومزود السياق وخطاف useContext، واعرف متى يغنيك التركيب عنها.
2 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

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

يُعرف تمرير نفس الخاصية عبر سلسلة طويلة من الوسطاء بمصطلح حفر الخصائص (Prop Drilling). لمعالجة هذا التضخم، توفر React آلية السياق (Context) لبث البيانات من المكون الأب إلى أي حفيد في الشجرة تحته مباشرة دون إزعاج المكونات الوسيطة.

الصف 2 ملاحظة هامة