تقييم الدرس 2
المكوّنات والخصائص props
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 2: المكوّنات والخصائص props. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) كيف نمرر العدد 35 خاصيةً
price؟2) ما الخاصية التي تحمل ما بين وسمي المكوّن؟
3) لماذا يحتاج
React الخاصية key في القوائم؟4) ماذا يظهر حين تكون القائمة فارغة؟
export default function App() { const items = []; return <div>{items.length && <p>عناصر</p>}</div>;}
5) أي توقيع يعطي
color قيمة افتراضية؟2السؤال الثاني: صح أم خطأ
1) يستطيع المكوّن تعديل
props التي وصلته.الصواب: خطأ
2)
{...p} تمرر كل خصائص الكائن p إلى المكوّن.الصواب: صح
3) يمكن كتابة
if مباشرة داخل JSX بين القوسين المعقوفين.الصواب: خطأ
4) المكوّن الواحد قد يُعرض مرات كثيرة ببيانات مختلفة.
الصواب: صح
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لتحويل مصفوفة إلى عناصر
JSX نستخدم الدالة .الإجابة: map
2) البيانات تتدفق بالخصائص من .
الإجابة: الأب إلى الابن
3) لعرض أحد عنصرين حسب شرط نستخدم العامل .
الإجابة: ?:
4السؤال الرابع: أسئلة عملية
1) ما النص الذي يظهر؟ (كل عنصر في سطر)
function Hi({ name = 'زائر' }) { return <p>أهلًا {name}</p>;}export default function App() { return ( <> <Hi name="سعد" /> <Hi /> </> );}
الناتج الصحيح:
أهلًا سعد أهلًا زائر
2) ما النص الذي يظهر؟ (كل عنصر في سطر)
export default function App() { const n = [3, 5, 8]; return ( <ul> {n.filter(x => x > 4).map(x => <li key={x}>{x * 10}</li>)} </ul> );}
الناتج الصحيح:
50 80
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».