شرح صفوف ومحتوى الفقرة
يُخبر استدعاء useContext(RoleContext) مكتبة React بأن هذا المكون مشترك في تغييرات ذلك السياق. لاحظ أننا نمرر كائن السياق نفسه إلى الدالة لا اسماً نصياً ولا عنصر المزود. وكحال جميع الخطافات، يُستدعى useContext في المستوى الأعلى لدالة المكون خارج الشروط والحلقات، ويمكن لعشرات المكونات المتجاورة أو المتباعدة قراءة السياق ذاته في آنٍ واحد.
HTML
function AccessBadge() {
const role = useContext(RoleContext);
return (
<p className="badge">
Active Role: <strong>{role}</strong>
</p>
);
}