ریاکت / APIهای مدرن React
آزمون فصل
تمرینها
تمرین 1
چرا useId برای ساخت شناسه فیلدهای فرم در کامپوننتی که چند بار استفاده میشود مناسب است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
کد زیر چه مشکلی دارد؟
function Status() {
function subscribe(callback) {
window.addEventListener("online", callback);
window.addEventListener("offline", callback);
return () => {
window.removeEventListener("online", callback);
window.removeEventListener("offline", callback);
};
}
const isOnline = useSyncExternalStore(subscribe, () => navigator.onLine);
return <p>{isOnline ? "آنلاین" : "آفلاین"}</p>;
}برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
کدام مورد درباره بهروزرسانیهای State که بعد از یک await داخل یک Action انجام میشوند درست است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
پس از Submit فرم، در کد زیر چه اتفاقی میافتد؟
async function action(formData) {
return { count: formData.get("n") };
}
function Form() {
const [state, formAction] = useActionState(action, { count: 0 });
return (
<form action={formAction}>
<input name="n" />
<button type="submit">ارسال</button>
</form>
);
}برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
اگر Action مرتبط با useOptimistic تمام شود و مقدار واقعی state تغییر نکرده باشد، چه میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 6
مشکل اصلی کد زیر چیست؟
function UserName({ id }) {
const user = use(fetchUser(id));
return <p>{user.name}</p>;
}برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 7
ViewTransition در کدام وضعیت انیمیشن اجرا نمیکند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 8
کدام جمله درباره Fragment Ref درست است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
