Entendiendo el state en React

Estado

• Primero hay que entender que los estados pertenecen a los componentes.

• El estado es similar a las props. Pero éste es privado.

  • Privado significa que un componente podrá modificar su estado pero no el de otro componente.

• Solo disponible para su componente.

• Tanto los state como los props. Son objetos planos en JavaScript. Pero se diferencian en algo.

  • Los props se pasan al componente como cuando pasamos parámetros a una función.
  • El state no se pasa, este se administra dentro del componente. Como las variables declaradas dentro de una función. Este vive dentro del componente desde un inicio.

• El estado tiene un valor predeterminado cuando se monta el componente.

  • Luego sufre cambios con el tiempo.
  • Normalmente con eventos que activa el usuario.

• Entonces se podría decir que el estado es una representación de su componente.

  • Contiene los datos que representan un componente.

• Cuándo un componente tendrá estado y cuando no?

  • Tendrá estado cuando el componente recibe información para cambiar algún elemento dentro de el.
  • Cuando el componente es presentacional, no necesitaría estado.

Ejemplo

Cuando entramos a un juego rpg o de simulación, por lo general, podemos escoger un personaje que tendrá una raza y valores predeterminados. Como color de ojos, estatura, corte de pelo, color de piel, etc…

Sin embargo, cuando conseguimos experiencia y subimos de nivel, podemos ganar puntos. Si el juego lo permite, podemos usar esos puntos para cambiar esos valores por defecto de nuestro personaje.

El personaje es como los componentes y sus valores por defecto serian el estado.