¿Alguna vez has oìdo hablar de state
en la biblioteca de JavaScript React pero no sabes còmo usarlo? El estado se refiere a " còmo aparece cada objeto en una página web. & Rdquo; El concepto es simple & mdash; & nbsp; Es una colecciòn de datos relacionados con el estado actual del componente, que se puede modificar cambiando los datos que lo describen. Cada vez que los datos cambian, se vuelven a mostrar en la pantalla de la computadora. & Nbsp;
La parte más difìcil del estado es saber còmo y cuándo usarlos. Pero no se preocupe porque este tutorial cubre còmo se usa el estado.
Para brindarle una breve descripciòn general, para establecer el estado inicial, use this.state
en un constructor de JavaScript . Para actualizar el estado, use el método setState
. Hablaremos más sobre el estado y algunas formas de usar el estado en este tutorial.
¿Qué es React State?
React state es un objeto con un conjunto de propiedades que usted designa para un componente. , y eso contribuye a còmo se representa el componente. Un componente que tiene state
se denomina con estado. Por lo general, lo usa si un componente necesita realizar un seguimiento de la informaciòn relacionada con él entre representaciones.
Un ejemplo serìa un " like " componente de botòn que necesita realizar un seguimiento del n√∫mero de veces que se hace clic en él. Esto tiene que volver a renderizarse en la pantalla cada vez que se presiona el botòn Me gusta para mostrar el n√∫mero actualizado de Me gusta. Y para eso, tenemos que asegurarnos de que el componente del botòn Me gusta realice un seguimiento de la informaciòn, en lugar de simplemente reproducir repetidamente la informaciòn que codificamos con él. Después de todo, no quiere perder esos Me gusta.
Se puede acceder a los datos de estado de un componente a través de this.state
y se pueden cambiar usando .setState
método. El estado es privado ya que solo puede ser cambiado por el componente que contiene el estado.
Mucha gente confunde el estado con props, otro objeto react, pero hay diferencias entre los dos. Uno de ellos es que el estado es dinámico, lo que significa que los datos que contiene pueden cambiar y, por lo tanto, afectar el comportamiento del componente. Los accesorios, por otro lado, son inmutables, lo que significa que "su estado no puede cambiar después de su construcciòn".