Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como variable global

useState vs useRef vs variables globales

  Si un componente de React tiene un useState que no se usa para el renderizado ¿Hay que trasladar el useState a una variable global? Muy buena observación, Gabriel 👌. La respuesta corta es: no necesariamente . Depende de qué propósito tenga ese useState . 🔹 Cómo funciona useState Cada vez que llamás a setState , React vuelve a renderizar el componente si ese estado se usa en el JSX . Si el estado no afecta el renderizado , igual se guarda en la memoria interna del componente, pero no genera cambios visibles. 🔹 Casos donde NO hace falta trasladarlo a global Si el estado es temporal o local (ej. un contador interno, un flag de validación, un índice de iteración). Si solo lo usa ese componente y no importa fuera de él. 👉 En ese caso, podés dejarlo como useState aunque no se refleje en el JSX. 🔹 Casos donde SÍ conviene moverlo Si el estado debe sobrevivir entre cambios de página o desmontajes del componente . Si varios componentes distintos necesitan acceder al mismo valor....