React Dojo

Buscar

Busca conceptos, ejercicios y quizzes

prácticabásico

Foco y contador silencioso

El input debe enfocarse al montar y al pulsar 'Enfocar'. Además, cuenta cuántas veces se re-renderizó el componente sin provocar re-renders adicionales.


Objetivos

  1. 1.Crea una ref para el input y enfócalo al montar
  2. 2.Botón Enfocar que aplica focus programático
  3. 3.Mantén un contador de renders en otra ref — NO debe causar re-renders
  4. 4.El texto del input es estado controlado
  5. 5.Botón Limpiar resetea el texto y el input
tu código
Pista

useRef.current persiste entre renders sin dispararlos. useState sí dispara. Usa cada uno donde corresponda.

Conceptos relacionados

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