...

/

السياق كمزود

السياق كمزود

تعرف على كيفية سماح React 19 لموفري السياق بقبول المكونات قيمة لهم، مما يتيح أشجار سياق أكثر وضوحًا وديناميكية وقابلية للتكوين.

سنغطي ما يلي...

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

يُقدّم React 19 تحسينًا مفتاح : يُمكننا الآن تمرير مُكوّن React قيمة لمُزوّد ​​السياق. هذا يُحسّن من قابلية منطق السياق لدينا للتكوين والتصريح وإعادة الاستخدام.

القيود التقليدية: القيم الثابتة أو البدائية فقط

قبل React 19، كان يجب أن تكون value مُزوِّد السياق قيمة ثابتة - عادةً كائنًا أو سلسلة نصية أو دالة. بالنسبة للسلوك الديناميكي، مثل التحقق من دور المستخدم، كنا نضطر غالبًا إلى رفع منطق خارج المُزوِّد أو إنشاء مكونات غلاف إضافية. لنرَ كيف كنا نُمرِّر البيانات الثابتة تقليديًا عبر مُزوِّد السياق.

  • السطر 3: إنشاء كائن سياق باستخدام createContext() ، والذي سيتم استخدامه لمشاركة البيانات عبر شجرة المكونات. ...