Hook · Estado local
useState
Una memoria mínima
useState convierte un componente en algo que recuerda. Cada llamada reserva una celda de memoria atada a esa instancia, y cada actualización agenda una nueva ronda de render.
La firma
const [estado, setEstado] = useState(inicial). El argumento puede ser un valor o una función — usa la función cuando el cálculo inicial es costoso, así solo corre en el primer render.
Actualización funcional
Cuando el siguiente estado depende del anterior, pasa una función a setEstado. React te entrega el valor más reciente, evitando carreras al actualizar varias veces seguidas dentro del mismo evento.
Tropiezos comunes
- 01Usar setEstado(estado + 1) tres veces seguidas suma 1, no 3 — React lee el valor capturado por el render.
- 02El estado no se 'mezcla' como en clases: si guardas un objeto, debes copiarlo entero al actualizar.
- 03Cambiar el array de dependencias de useState no existe — el inicial solo se honra en el primer render.
¿Fue útil?
Inicia sesión para dar feedback