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

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