تقييم الدرس 3
الحالة والأحداث: useState
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 3: الحالة والأحداث: useState. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) ما الذي تعيده
useState؟2) لماذا يظهر خطأ «إعادة رسم لا تنتهي»؟
import { useState } from 'react';export default function App() { const [n, setN] = useState(0); return <button onClick={setN(n + 1)}>{n}</button>;}
3) أي سطر يحذف المهمة رقم
id من الحالة tasks؟4) في
onChange={e => setName(e.target.value)} القيمة e.target.value هي:5)
setN(n + 1); setN(n + 1); حين n = 0 تجعل n بعد الرسم:2السؤال الثاني: صح أم خطأ
1) لكل نسخة من المكوّن حالتها المستقلة.
الصواب: صح
2)
list.push(x) ثم setList(list) طريقة صحيحة لإضافة عنصر.الصواب: خطأ
3) يجوز استدعاء
useState داخل جملة if.الصواب: خطأ
4) القيمة التي يمكن حسابها من الحالة لا تحتاج حالة مستقلة.
الصواب: صح
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) حدث إرسال النموذج في
React اسمه .الإجابة: onSubmit
2) لنسخ كائن مع تغيير خاصية نستخدم عامل .
الإجابة: النشر ...
3) الدالة
useState مثال على في React.الإجابة: Hook
4السؤال الرابع: أسئلة عملية
1) ما النص الذي يظهر أول مرة؟
import { useState } from 'react';export default function App() { const [items] = useState(['أ', 'ب', 'ج']); return <p>العدد: {items.length}</p>;}
الناتج الصحيح:
العدد: 3
2) ما النص الذي يظهر أول مرة؟
import { useState } from 'react';export default function App() { const [user] = useState({ name: 'ريم', age: 20 }); const older = { ...user, age: user.age + 1 }; return <p>{older.name}: {older.age}</p>;}
الناتج الصحيح:
ريم: 21
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».