DEV Community

Cover image for Estado en componentes de Clase
Alberto Sandoval
Alberto Sandoval

Posted on

Estado en componentes de Clase

En los componentes de clase, el estado incial, se declara dentro del metodo constructor.
Tenemos que hacer referecia con this a .state y le asignamos a un objeto los valores, dentro de las llaves de éste, estos son los valores del estado.

Ejemplo de método constructor: constructor(props){<br>
        super(props);<br>
        this.state = {<br>
            valor1: 'Valor 1',<br>
            valor2: 2,<br>
        }<br>
    }

Podremos acceder en cualquier otro momento mediante this.state.valor1 , this.state.valor2 , etc.
Ejemplo:
Aceediendo a los valores de estado

this.setState() Es una función similar a setName , nos permite acualizar los valores del estado incial. setState es un elemento propio de this que recibe como argumento un objetos con los atributos que se vayan a actulaizar, inicializados dentro de this.state

NOTA IMPORTARTANTE! Nunca invocar el setState en el método constructor o en el método render porque la aplicación se romperá y entrará en un ciclo infinito.

Declarando funciones en componenetes de Clase.

Si queremos declarar funciones dentro de nuestro componentes de clase, la manera de invocarlas para el manejo de valores de estado se debe tomar en cuenta la palabra reservada this. Por ejemplo:
Imagen que muestra una funcion dentro de un componente de clase

En el ejemplo anterior this.state.name y this.state.lastName apuntan a los valores de estado de nuestro componente e invocamos a esos datos llamando a la funcion con this.getFullName , cabe resaltar que sin la palabra reservada this no podremos manejar los valores de estado en nuestro componente de clase ya que nuestro codigo se rompería.

Top comments (0)