Estado
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Existen dos tipos de datos que controlan un componente: props y state. Las props son definidas por el componente padre y permanecen fijas durante todo el ciclo de vida del componente. Para datos que van a cambiar, debemos usar state.
Generalmente, debes inicializar el state en el constructor, y luego llamar a setState cuando quieras modificarlo.
Por ejemplo, supongamos que queremos crear un texto que parpadee constantemente. El texto en sí se define una vez cuando se crea el componente de parpadeo, por lo que el texto es una prop. El "estado actual del texto (visible u oculto)" cambia con el tiempo, por lo que esto debe mantenerse en el state.
- TypeScript
- JavaScript
En una aplicación real, probablemente no configurarás el estado con un temporizador. Podrías actualizar el estado al recibir nuevos datos del servidor o mediante la interacción del usuario. También puedes usar contenedores de estado como Redux o MobX para controlar el flujo de datos. En ese caso, usarías Redux o MobX para modificar tu estado en lugar de llamar directamente a setState.
Cuando se llama a setState, BlinkApp volverá a renderizar su componente. Al llamar a setState dentro del temporizador, el componente se vuelve a renderizar cada vez que el temporizador actualiza.
El estado funciona igual que en React, por lo que para más detalles sobre su manejo puedes consultar la API de React.Component. En este punto, habrás notado que la mayoría de nuestros ejemplos usan el color de texto predeterminado. Para personalizar el color del texto, deberás aprender sobre Estilos.