Dans le cours : React : Créer et héberger un site full-stack
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.
Envoyer des données avec le formulaire - Tutoriel React.js
Dans le cours : React : Créer et héberger un site full-stack
Envoyer des données avec le formulaire
Maintenant, ce que l'on veut, c'est utiliser notre formulaire ici pour récupérer les informations saisies par les utilisateurs et ensuite soumettre, on a déjà donc en place ici ce handleOnSubmit qui d'ailleurs, permet juste de faire e.preventDefault, donc il y aura plus de choses ici dans l'implémentation de cette fonction. D'ailleurs, ce que l'on aura, ce sera justement addPost. Donc, qui va correspondre ici, on va rajouter un état local qui va permettre de gérer les informations qui seront saisies dans le formulaire. Donc au départ, ce sera un objet vide, donc là, on va préciser title, donc ça va correspondre, vous voyez, aux informations que l'on doit récupérer pour créer un nouvel objet et rajouter un nouveau document, et on aura aussi content, donc qui sera null pour l'instant. Et donc celui-ci, ce sera Post au singulier. On va créer un tout nouveau post et ensuite, on pourra transmettre post. Ce que l'on va aussi mettre en place, c'est permettre de mettre à jour ici cet objet,…
Table des matières
-
-
-
-
-
-
-
-
-
(Verrouillé)
Installer Axios et créer un module service4 m 33 s
-
(Verrouillé)
Utiliser le middleware CORS2 m 39 s
-
(Verrouillé)
Définir les requêtes HTTP avec GET3 m 27 s
-
Créer des variables globales context API4 m 46 s
-
(Verrouillé)
Partager un état global avec les composants de l'application4 m 4 s
-
(Verrouillé)
Définir les méthodes HTTP avec Axios et à l'aide de POST4 m 57 s
-
(Verrouillé)
Envoyer des données avec le formulaire5 m 11 s
-
(Verrouillé)
Finaliser l'application front2 m 58 s
-
(Verrouillé)
-
-
-