تقييم الدرس 5
رفع الحالة ومشاركتها: Context
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 5: رفع الحالة ومشاركتها: Context. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) رفع الحالة يعني نقلها إلى:
2) أي مما يلي مناسب لـ
Context؟3) ما الذي يحدد قيمة السياق التي يقرؤها المكوّن؟
4) ماذا يظهر؟
import { createContext, useContext } from 'react';const T = createContext('فاتح');function Box() { return <p>{useContext(T)}</p>;}export default function App() { return <Box />;}
5) في نمط المزوّد، الـ
Hook المخصص مثل useCart:2السؤال الثاني: صح أم خطأ
1) الابن يستطيع تغيير حالة الأب مباشرة بلا دالة.
الصواب: خطأ
2) حفر الخصائص يعني تمرير قيمة عبر مكوّنات لا تستخدمها.
الصواب: صح
3)
useContext خارج أي Provider يعيد القيمة الافتراضية.الصواب: صح
4) الأفضل وضع كل حالات التطبيق في سياق واحد.
الصواب: خطأ
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لإنشاء سياق جديد نستدعي .
الإجابة: createContext
2) المكوّن الذي يضع قيمة السياق اسمه .
الإجابة: Provider
3) في
React تتدفق البيانات في اتجاه .الإجابة: واحد
4السؤال الرابع: أسئلة عملية
1) ما النص الذي يظهر؟
import { createContext, useContext } from 'react';const User = createContext('زائر');function Hi() { return <p>مرحبًا {useContext(User)}</p>;}export default function App() { return <User.Provider value="نورة"><Hi /></User.Provider>;}
الناتج الصحيح:
مرحبًا نورة
2) ما النص الذي يظهر؟ (كل عنصر في سطر)
import { createContext, useContext } from 'react';const C = createContext(1);function N() { return <p>{useContext(C) * 10}</p>;}export default function App() { return ( <> <N /> <C.Provider value={5}><N /></C.Provider> </> );}
الناتج الصحيح:
10 50
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».