No puedo entender cómo funciona el levantamiento de estado. El onChange es el evento para capturar lo escrito en el input por medio de {...

Héctor Iván Alfaro Ramírez

Pregunta

student•

No puedo entender cómo funciona el levantamiento de estado.

El onChange es el evento para capturar lo escrito en el input por medio de {this.handleChange}

handleChange = e => { this.setState({ [e.target.name]: e.target.value, }) }

Aquí se toman los datos del del input y se guardan en State{};. Pero no entiendo cómo funciona el levantamiento de estado.

Por favor ayúdenme ya vi un montón de veces el video, pero el maestro cambia cada rato la fórmula y me pierdo.

Juan Castro

teacher•

Como dice la descripción de la clase:

Levantar el estado es una técnica de React que pone el estado en una localización donde se le pueda pasar como props a los componentes. Lo ideal es poner el estado en el lugar más cercano a todos los componentes que quieren compartir esa información.

En otras palabras, consiste en usar el state en un componente que pueda "heredar" el estado a todos los componentes que lo necesitan.

Por ejemplo:

// Before
- Menú
- Barra de búsqueda
- Video -- necesita el id del video que vamos a ver
- Comentarios -- necesita el id del video que vamos a ver
- Videos Recomendados -- necesita el id del video que vamos a ver
- Footer

// After
- Menú
- Barra de búsqueda
- Componente con el ID del video
 -- Video -- tiene el id
 -- Comentarios -- tiene el id
 -- Videos Recomendados -- tiene el id
- Footer

No puedo entender cómo funciona el levantamiento de estado. El onChange es el evento para capturar lo escrito en el input por medio de {...

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]