السياق كمزود
تعرف على كيفية استخدام صيغة موفر السياق في React 19 بشكل صحيح، وتمرير القيم الحقيقية (وليس JSX) عبر السياق، وتنظيم مكونات الموفر الصغيرة التي تحافظ على نظافة التطبيق وقابليته للتكوين.
غالبًا ما تحتاج تطبيقات React إلى مشاركة البيانات، مثل السمات أو معلومات المستخدم أو تفضيلات اللغة، عبر مكونات متداخلة. بدون آلية مشتركة، يؤدي هذا إلى تكرار استخدام الخاصيات وتشتت المنطق. تُعالج API تطبيقات سياق React هذه المشكلة من خلال السماح للمكونات بالوصول إلى القيم المشتركة دون تمرير الخاصيات يدويًا، وتُقدم طريقة أكثر فعالية لإعلان المورّدين، مما يجعل الكود أكثر سهولة في الاستخدام وقابلية للصيانة.
ما يفعله مزود السياق
يجعل الموفر قيمة متاحةً لجميع المكونات داخل شجرته. يمكن أن تكون قيمة سلسلةً نصيةً أو رقمًا أو كائنًا أو دالةً، ويخزن React ببساطة أي شيء تُمرر إليه.value الدعامة ويعيدها من خلالuseContext .
تحسين React 19: يمكنك الآن استبدال صيغة المزود الأطول:
<MyContext.Provider value={something}>