Dans ce didacticiel, j'utilise un composant basé sur la classe React et je suppose que vous connaissez les bases de React

Je crée un formulaire pour vous démontrer et maintenant le code ressemble à ceci

Maintenant, commencez la partie logique de celui-ci

1) Créez la propriété d'état pour ces champs d'entrée et liez-les aux éléments d'entrée

Créer la propriété de l'État comme ceci

constructeur (accessoires) {

super (accessoires)

cet état = {

// Écrivez votre état lièvre

};};

Maintenant, déstructurez-les et attribuez leur valeur à la méthode de rendu comme ceci

2) Ajoutez le gestionnaire de changement pour suivre le changement de la valeur d'entrée

Lorsque la valeur d'entrée change, la fonction changeHandler sera appelée

Définir la valeur de l'état

Implémenter la fonction comme ceci

3) Soumettez maintenant les données de ce formulaire à l'aide d'un gestionnaire de soumission

Pour cela, je crée un bouton de soumission dans le formulaire

Gérer le formulaire soumettre les données par un submitHnadler comme ceci

Implémentez maintenant le submitHnadler et dans le submitHandler vous devez écrire cette ligne « e.preventDefault() » pour éviter le rafraîchissement de la page

Terminé maintenant, vous pouvez faire n'importe quoi avec les données comme vous pouvez envoyer les données à une base de données ou les enregistrer dans un stockage local ou quoi que ce soit.

4) Envoyer des données vers une base de données à axios

Importez d'abord les axios par ce " importez les axios de 'axios' "

Maintenant, dans le submitHandler, nous faisons la demande de publication comme ceci

Merci d'avoir lu ceci, j'espère que cela vous aidera dans votre voyage React 🎉