شرح صفوف ومحتوى الفقرة
إجبار المستخدم على تحديث تبويب المتصفح بالكامل عند حدوث تقطع عابر في الشبكة يضيع مدخلاته وموضع التمرير في الصفحة. توفر إضافة زر إعادة المحاولة داخل بطاقة الخطأ إمكانية استعادة البيانات موضعياً وبسلاسة.
ومن أنظف الأنماط التصريحية لربط زر الإعادة مع useEffect() تعريف عداد بسيط const [retryCount, setRetryCount] = useState(0) ضمن مصفوفة الاعتماديات وزيادته عبر setRetryCount((n) => n + 1) عند النقر.
HTML
const [retryTick, setRetryTick] = useState(0);
useEffect(() => {
loadTasks();
}, [retryTick]);
function handleRetry() {
setRetryTick((n) => n + 1);
}