Hook · Referencia mutable
useRef
Una caja que persiste
useRef te da una caja con la propiedad .current que sobrevive entre renders pero, a diferencia del estado, no dispara re-renders cuando cambias su contenido.
Dos usos honestos
Acceder al DOM: pásala a un nodo con ref={miRef} y lee miRef.current después del montaje.
Guardar valores entre renders: contadores, IDs de timers, valores previos — cualquier cosa que necesitas recordar pero no quieres que dispare re-renders.
Por qué no estado
Si renderizar el valor no cambia el UI, no debe estar en el estado. Mantenerlo en una ref evita ciclos de render y mantiene el componente más rápido.
Tropiezos comunes
- 01No leas ref.current durante el render para tomar decisiones — su valor puede no estar 'oficialmente' actualizado todavía.
- 02Mutar ref.current dentro del render rompe la pureza esperada. Hazlo en eventos o efectos.
- 03Si necesitas reaccionar a un cambio, necesitas estado, no una ref.
¿Fue útil?
Inicia sesión para dar feedback