Application de méthodes pour obtenir des données à partir d'autres composants dans React

Question

J'ai une constante qui reçoit des données json via la récupération. Le code est le suivant :

const [utilisateur, setUser] = useState([]);

Utilisateurs de fonctions asynchrones() { const result = wait fetch (Mon API `,{ })

const data = wait result.json();
setUser(données);`

Je souhaite afficher ses données dans un autre composant, comme uniquement son nom ou uniquement son identifiant.

Je veux mettre le nom dans ce petit bloc bleu : c'est un autre composant

En savoir plus sur le deuxième composant

Answer 1

Le premier composant est le composant qui obtient les données, et le deuxième composant est le composant qui affiche les données, car vous recevez les données utilisateur via des accessoires.

function FirstComponent(){
const [user, setUser] = useState([]);

 return (
   <SecondComponent user={user} />
 )
}

function SecondComponent({user}){
 console.log(user)

 return (
   //这里是你展示图片的代码
 )
}