شرح صفوف ومحتوى الفقرة
تماماً كما تتجاوز قاعدة تنسيق CSS الداخلية القاعدة العامة للعناصر التي بداخلها فقط، يدعم السياق في React تداخل المزودات وتخصيص الفروع. فعند استدعاء useContext(LevelContext) تبحث React صعوداً في الشجرة وتجلب القيمة من أقرب مزود يعلو المكون مباشرة؛ مما يتيح تغليف قسم فرعي بمزود جديد يخصص قيمته دون التأثير في بقية أقسام الصفحة.
HTML
function SubSection({ children }) {
const level = useContext(LevelContext);
return (
<LevelContext.Provider value={level + 1}>
<section>{children}</section>
</LevelContext.Provider>
);
}