Comment obtenir la valeur d'un élément d'entrée dans React

Étant donné un formulaire, comment obtenir la valeur de l'un des champs du formulaire?

Un scénario courant consiste à avoir un formulaire et vous souhaitez obtenir la valeur de l'un des champs du formulaire, par exemple lorsque l'utilisateur clique sur un bouton.

Comment pouvez-vous faire cela?

À l'aide de hooks, vous pouvez créer une variable pour chaque champ de saisie et écouter sur leonChangeévénement que vous appelez la fonction «set» pour cette variable.

Voici un exemple:

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

Et sur le champ de saisie dans JSX:

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

De cette façon, lorsque vous êtes dans le gestionnaire d'événements pour l'événement submit du formulaire, ou n'importe où vous le souhaitez, vous pouvez obtenir la valeur du champ à partir dutitleévaluer.

Téléchargez mon gratuitManuel React


Plus de tutoriels de réaction:


Tech Wiki en ligne!