Passer l'id à un composant dans React
Vous savez déjà que les attributs de la balise du composant
se retrouvent dans les props. Cela concerne tous les attributs,
sauf l'attribut key, qui est nécessaire
pour une utilisation dans les boucles, comme ceci :
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Dans ce cas, les attributs qui passeront dans les props sont
name et cost, tandis que key -
n'y passera pas. Cependant, nous pourrions avoir besoin
de passer l'id dans les props du composant. Dans
ce cas, nous devrons introduire un autre attribut :
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifiez votre composant User afin
que son paragraphe affiche l'id de l'utilisateur.
