تقييم الدرس 1
لماذا أطر الواجهات؟ أول مكوّن React
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 1: لماذا أطر الواجهات؟ أول مكوّن React. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) ما الذي تفعله
React حين تتغير البيانات؟2) أداة إنشاء مشروع
React وتشغيله في المعمل:3) أي سطر
JSX صحيح؟4) لماذا لا يظهر العنوان؟
function title() { return <h2>مرحبًا</h2>;}export default function App() { return <title />;}
5) في
style={{ color: 'red' }} القوسان الداخليان:2السؤال الثاني: صح أم خطأ
1) يمكن للمكوّن أن يعيد عنصرين متجاورين بلا غلاف.
الصواب: خطأ
2) الغلاف <>… لا يضيف عنصرًا إلى الصفحة.
الصواب: صح
3) المتصفح يفهم
JSX مباشرة دون تحويل.الصواب: خطأ
4) يمكن أن يُستخدم المكوّن نفسه أكثر من مرة في الصفحة.
الصواب: صح
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لتصدير المكوّن الرئيسي من ملفه نكتب .
الإجابة: export default
2) في
JSX تُكتب سمة for الخاصة بـ label هكذا: .الإجابة: htmlFor
3) خادم تطوير
Vite يعمل افتراضيًّا على المنفذ .الإجابة: 5173
4السؤال الرابع: أسئلة عملية
1) ما النص الذي يظهر في الصفحة؟
export default function App() { const n = 4; return <p>عدد الدروس: {n * 2}</p>;}
الناتج الصحيح:
عدد الدروس: 8
2) ما النص الذي يظهر؟ (كل عنصر في سطر)
function Hi() { return <h2>أهلًا</h2>;}export default function App() { return ( <> <Hi /> <Hi /> <p>نهاية</p> </> );}
الناتج الصحيح:
أهلًا أهلًا نهاية
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».