3

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.

Escribe tu comentario
+ 2
0
11374Puntos

Super claro con este análisis de estados. Muchas gracias por compartirlo