Cómo obtener el valor de un elemento de entrada en React

Dado un formulario, ¿cómo se obtiene el valor de uno de los campos del formulario?

Un escenario común implica tener un formulario y desea obtener el valor de uno de los campos del formulario, por ejemplo, cuando el usuario hace clic en un botón.

¿Cómo puedes hacerlo?

Usando ganchos, puedes crear una variable para cada campo de entrada y escuchar en el onChangeevento que llamas a la función “establecer” para esa variable.

He aquí un ejemplo:

const [title, setTitle] = useState('')

Y en el campo de entrada en JSX:

input onChange={event = setTitle(event.target.value)} /

De esta manera, cuando estés en el controlador de eventos del evento de envío del formulario, o en cualquier lugar que desees, podrás obtener el valor del campo a partir del titlevalor.

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Cómo obtener el valor de un elemento de entrada en React

Un escenario común implica tener un formulario y desea obtener el valor de uno de los campos del formulario, por ejemplo, cuando el usuario hace clic en un bo

programar

es

2025-01-21

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente