Comment transmettre des informations d'un élément enfant à son parent

Dans cet exemple, vous allez créer une combinaison simple d'éléments parent et enfant qui transmet des données simples de l'élément enfant via un paramètre de fonction.

• Créez d'abord un élément enfant simple avec un élément d'entrée avec la propriété onChange pour mettre à jour une variable d'état localisée à sa valeur actuelle.

• Il s'agit de l'élément barebones et doit avoir la fonctionnalité de revenir à son élément parent. Ci-dessous nos ajouts à l'élément, notamment l'ajout d'un nouveau bouton pour "Envoyer des données" à son parent avec le onClick pointant vers une fonction locale qui appelle une fonction qui est maintenant transmise à cet élément enfant.

• L'étape suivante consiste à créer l'élément parent qui utilise une simple variable d'état pour contenir les données renvoyées, et une fonction locale appelée depuis l'enfant. Les données renvoyées par la fonction enfant sont transmises vers son « gestionnaire » - handleDataFromChild(), puis définies dans notre variable d'état locale. Ces données sont désormais accessibles dans tout cet élément parent.

Merci beaucoup d'avoir pris le temps de lire, et n'oubliez pas de suivre mon parcours d'apprentissage ici sur dev.to et de commenter tout ce que je devrais étudier avec le monde React !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!