Kodax

Timer مع Hooks — تحدي React

مؤقت عد تنازلي: الوقت وحالة التشغيل في useState، و setInterval داخل useEffect مع تنظيفه بـ clearInterval، وزرّا بدء/إيقاف وإعادة.

function Countdown() {
  // State للوقت
  // useEffect للعد
  
  return (
    <div>
      <h1>الوقت: </h1>
      <button>بدء/إيقاف</button>
      <button>إعادة</button>
    </div>
  );
}

حل هذا التحدي يرتبط بفتح دورة «مقدمة React» بحسابك.

ابدأ الحل