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, puede crear una variable para cada campo de entrada y escuchar en elonChangeevento que llama a la función "set" 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á en el controlador de eventos para el evento de envío del formulario, o en cualquier lugar que desee, puede obtener el valor del campo desde eltitlevalor.

Descarga mi gratisReact Handbook


Más tutoriales de react: