Je travaille actuellement sur un projet avec des crochets de réaction.
Composant parent est un navigateur
Comment puis-je utiliser les données de réponse dans le composant 2. Enfant pour définir le nom dans le composant 1. Enfant?
My Code (omis de grandes parties inutiles de code inutile pour cet exemple) :
navigateur chapel de chaussettes Le troisième fichier contient une fetch à une API et Fonctionne bien, les données en question sont actuellement stockées comme réponse.name Comment puis-je soulever ces informations jusqu'à Navigator?
3 Réponses :
Si j'ai bien compris votre question, il existe un composant parent qui possède deux composants enfants et que vous souhaitez déclencher un changement d'un composant enfant dans un autre.
Vous pouvez maintenir l'état dans la composante parent, transmettre l'état de l'enfant1 et la fonction STSTATE en Child2. p>
p>
// Parent Component
const [name, setName] = useState('');
<>
<child1 name={name}/>
<child2 setName={setName}/>
</>Bien que cela semble très facile, je n'ai pas accès à un nom de fixation dans mon composant enfant, pourquoi est-ce
Est-ce que c'est jetant une erreur? Pouvez-vous créer un bac à sable pour cela?
J'espère que cela aidera https://codesandbox.io/s/vibrant-edison-cckqtock/a >
Merci! Je reçois l'erreur "SetName n'est pas une fonction" chez mon enfant, malgré exactement comme vous l'avez fait ...
Les deux références dans mon parent montrent que "SetName" est la bonne fonction. Cependant, lorsque je le transmise à mon enfant et que je vérifie où je l'appelle, il dit que c'est un var de type. Si cela aide, je n'utilise pas doctrice, j'aurais probablement mentionné que
Essayez celui-ci. J'ai ajouté le code Sandbox et vous pouvez vérifier que ce dont vous avez besoin. Donc, de l'accrochage de parent comme des accessoires à un enfant, puis après la demande de la demande de la fonction de composant enfant des accessoires remplira les données à l'intérieur du composant parent.
J'ai trouvé une solution grâce aux suggestions de ce fil. J'ai commis une erreur dans le passage des fichiers à la fonction. Ceci a fini par résoudre mon problème. Le problème était que j'ai initialement appelé les deux séparément, comme celui-ci: de sorte que ce changement a fonctionné, bien que je ne suis pas totalement sûr de savoir pourquoi.
vérifier ma solution