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.
Reutilizar métodos para capturar datos mas eficientemente - Tutorial de React.js
Del curso: React avanzado 1
Reutilizar métodos para capturar datos mas eficientemente
En esta lección te voy a mostrar cómo hacer más eficiente la captura de información de los formularios en React. Acá, justamente tengo un formulario en React donde se está desplegando la información que estamos capturando de este primer elemento, este primer input, de mi formulario. Cada vez que yo modifique esta información, vamos a tener reflejado dentro del DOM de mi aplicación en React, la información que se encuentra dentro de este input. Ahora, vamos a modificar ligeramente este código para hacerlo un poco más eficiente. Veamos cuál es el problema de lo que está ocurriendo acá. En este caso, estamos capturando el evento onChange. Este evento onChange se activa cada vez que hacemos un cambio dentro de un input. También, en este caso, la información que capturamos acá la estamos enviando a un método, en este caso, onNombreInputChange. Si revisamos este método, cada vez que recibimos la información que nos llega desde el evento, vamos a modificar una parte, la parte que le…
Contenido
-
-
-
-
-
-
Preparando un formulario en React4 min 37 s
-
(Bloqueado)
Captura básica de datos de un formulario5 min 23 s
-
(Bloqueado)
Capturar datos de un formulario en el estado4 min 30 s
-
(Bloqueado)
Reutilizar métodos para capturar datos mas eficientemente5 min 14 s
-
Refactorizar clases a componentes funcionales2 min 51 s
-
(Bloqueado)
Gestión del estado con React Hooks y valores estáticos4 min 1 s
-
(Bloqueado)
Gestión del estado con React Hooks y valores dinámicos6 min 15 s
-
-