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.

Gestión del estado con React Hooks y valores dinámicos

Gestión del estado con React Hooks y valores dinámicos - Tutorial de React.js

Del curso: React avanzado 1

Gestión del estado con React Hooks y valores dinámicos

En esta lección, te voy a mostrar cómo utilizar React Hooks para modificar elementos del estado de forma dinámica. Yo acá tengo una aplicación que está utilizando un componente funcional que previamente refactorice a partir de una clase, estamos utilizando un React Hook y este React Hook está capturando la información de este input de texto y la está mostrando acá. Sin embargo, en este momento mi componente está limitado porque no puede mostrar la información que se muestra dentro de estos valores. Por ahora, básicamente, lo que hace es actualizar el estado al último valor que le llegue de cualquiera de los elementos que están ahí. Vamos a modificarlos para que nos pueda mostrar, efectivamente, los valores que se encuentran dentro de un formulario y los podamos capturar de una forma eficiente. Vamos entonces al código y esto es el código que estaba utilizando para mi componente funcional, ahora que lo he refactorizado correctamente tengo entonces, código que funciona…

Contenido