¿Para qué sirve useRef?
Opciones
- Un valor mutable o nodo del DOM que no provoca re-render (Opción correcta)
- Guardar estado que dispara un re-render de la UI
- Traer datos de una API cuando carga el componente
- Definir los estilos CSS de un componente en React
Respuesta
Guardar un valor mutable o una referencia a un elemento del DOM que persiste entre renders sin provocar un re-render al cambiar
Por qué
useRef(initial) devuelve un objeto { current: ... } que React conserva entre renders. Cambiar current NO provoca un re-render.
Usos: dar foco a un input (inputRef.current.focus()), guardar el id de un timer, recordar el valor anterior, cualquier valor mutable que no forme parte de lo que muestra la pantalla.
Si la pantalla debe actualizarse al cambiar el valor, usa useState.
Recuerda
useRef = caja persistente, sin re-render al cambiar.