تقييم الدرس 4
دورة حياة المكوّن: useEffect
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 4: دورة حياة المكوّن: useEffect. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) المرحلة التي يظهر فيها المكوّن أول مرة تسمى:
2) ما يقابل
componentWillUnmount في المكوّنات الدالية؟3) ما المشكلة في هذا المكوّن؟
import { useState, useEffect } from 'react';export default function App() { const [n, setN] = useState(0); useEffect(() => { setN(n + 1); }); return <p>{n}</p>;}
4) الطريقة الصحيحة لاستخدام
async داخل التأثير:5) التطبيق الجيد عند جلب البيانات يعرض:
2السؤال الثاني: صح أم خطأ
1)
useEffect يعمل قبل ظهور المكوّن على الشاشة.الصواب: خطأ
2) المؤقت الذي لا يُنظَّف يستمر بعد إزالة المكوّن.
الصواب: صح
3) حساب مجموع أسعار السلة للعرض مكانه
useEffect.الصواب: خطأ
4) إضافة
id إلى الاعتماديات يجعل التأثير يُعاد عند تغيّرها.الصواب: صح
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لإيقاف مؤقت بدأ بـ
setInterval نستدعي .الإجابة: clearInterval
2) التأثير الذي يعمل مرة واحدة فقط مصفوفة اعتمادياته .
الإجابة: فارغة
[]3) جلب البيانات من الخادم مثال على .
الإجابة: الأعمال الجانبية
4السؤال الرابع: أسئلة عملية
1) ما النص الذي يظهر أول مرة (قبل أن يعمل التأثير)؟
import { useState, useEffect } from 'react';export default function App() { const [msg, setMsg] = useState('جارٍ التحميل'); useEffect(() => { setMsg('تم'); }, []); return <p>{msg}</p>;}
الناتج الصحيح:
جارٍ التحميل
2) ما النص الذي يظهر أول مرة؟
import { useState } from 'react';export default function App() { const [loading] = useState(true); const [items] = useState([]); if (loading) return <p>⏳ انتظر</p>; return <p>{items.length} عناصر</p>;}
الناتج الصحيح:
⏳ انتظر
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».