السياق (Context) و useContext

جزء من دورة React

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

ولدى React مخرج رسمي من هذا اسمه السياق (context): قيمة تُنشر عند نقطة واحدة في شجرة المكوّنات فيقرأها مباشرة أي مكوّن تحتها مهما كان عمقه، دون أن يمررها أحد من الواقفين في المنتصف. والصورة التي تناسب ذلك هي البث الإذاعي. المحطة تبث على تردد معين، وأي جهاز استقبال داخل نطاقها يلتقطه مباشرة. والمباني الواقعة بين البرج والمذياع لا تنقل الإشارة واحدا إلى الآخر، بل هي ببساطة داخل منطقة التغطية. ...