super
.this
correctamente.bind
.Component
y crear un método render
que retorna el JSX:props
en un componente clase debemos crear un constructor que los reciba:props
, esto los almacena para que los podamos obtener con this.props
.useState
para manejar el estado, los componente clase cuentan con un objeto llamado state
donde vamos a almacenar nuestro estado.state
(a través del método setState
), React vuelve a renderizar el componente en la vista.Welcome
que inicializa el estado con una llave title
. En el método render
estamos obteniendo el valor de esa llave con this.state.title
.setState
:h1
cambie el texto. Para eso vamos a definir un método updateText
que vamos a invocar cuando hagan click
sobre el h1
:componentDidMount
: se ejecuta justo después que se ha renderizado el componente, ideal para hacer llamados a API o cualquier otra inicialización que necesita el componente.componentWillUnmount
: se ejecuta antes de que el componente se remueve del DOM, cuando se va a "desmontar".React.Component
y se sobrescriben en el componente. Por ejemplo:componentWillUpdate
: se ejecuta antes de que el componente se va a volver a renderizar (p.e. porque se llamó setState
o los props
cambiaron).shouldComponentUpdate
: este método nos permite decidir si el componente se debe volver a renderizar, si retorna true
se vuelve a renderizar, de lo contrario no se renderiza.componentDidUpdate
: se ejecuta después de que el componente se volvió a renderizar.