Tâche

Dans ce défi, vous allez créer un composant Form avec deux champs de saisie : email et password. L'objectif est d'utiliser le hook useRef pour référencer les éléments d'entrée et gérer la logique de soumission du formulaire.

Instructions

1. Importez le hook useRef de la bibliothèque react .

2. À l'intérieur du composant Form , déclarez deux variables useRef : emailRef et passwordRef , initialisées avec null .

3. Réinitialisez les champs de saisie en définissant leurs valeurs sur une chaîne vide en utilisant les variables useRef .

1. Pour importer le hook nécessaire de la bibliothèque React, incluez une instruction import .

2. Pour cette tâche, nous utiliserons le hook useRef pour stocker des données sans affecter le balisage.

3. Pour déterminer le nom de variable approprié pour le ref, choisissez un mot associé au ref et ajoutez "Ref" à la fin.

4. Pour initialiser le ref avec null , passez null comme valeur initiale dans les crochets du hook useRef (par exemple, useRef(null) ).

5. Pour réinitialiser l'entrée du formulaire, utilisez la variable ref appropriée et assignez sa valeur .current.value à une chaîne vide ( "" ).