Del curso: React avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Capturar datos de un formulario en el estado

Capturar datos de un formulario en el estado - Tutorial de React.js

Del curso: React avanzado 1

Capturar datos de un formulario en el estado

Tenemos acá un formulario, y este formulario está utilizando un evento llamado OnChange para detectar toda la información cada vez que cambia dentro de esta entrada de texto. Vamos ahora a modificarlo para poder utilizar el estado de React. Voy a ir acá, a mi código, y, como vemos, dentro del código básicamente lo que estoy utilizando es la consola para capturar la información cada vez que se modifica dentro de alguno de estos tres inputs. Vamos a modificar este componente para que pueda enviar esta información dentro del estado y se vuelva más eficiente. Así que para eso, en este caso, yo estoy trabajando dentro de un componente de tipo clase, entonces, voy a crear el constructor y vamos a inicializarlo. Y una vez que lo hemos inicializado también vamos a definir this.state y vamos a crear el estado de este componente. El estado es básicamente la información que se encuentra almacenada en este componente específico. Entonces, para eso lo que vamos a hacer es que, en este caso…

Contenido