React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

prácticabásico

Cronómetro con intervalos

Construye un cronómetro que puedes iniciar, pausar y resetear. Usa una ref para guardar el id del intervalo — no estado — y limpia siempre en el cleanup para que el timer no quede vivo al desmontar.

Objetivos

  1. 1.Estado elapsed (ms) que empieza en 0
  2. 2.Estado running (boolean) que controla el botón start/pause
  3. 3.Al correr, usa setInterval cada 10ms: setElapsed(e => e + 10)
  4. 4.Guarda el id del intervalo en un useRef — no en estado
  5. 5.El cleanup del useEffect llama clearInterval con el id guardado
  6. 6.Botón reset pone elapsed en 0 y pausa
  7. 7.Formato de salida: mm:ss.cc (centésimas)
tu código
Pista

Devuelve una función de cleanup desde el useEffect que haga clearInterval. El useEffect debe depender de [running] para que se reinicie al pausar/reanudar.

Conceptos relacionados

useStateuseEffectuseRef
¿Fue útil?
Inicia sesión para dar feedback