Skicka id till en komponent i React
Du vet redan att attribut för en komponent-tagg
hamnar i props. Detta gäller alla attribut,
förutom attributet key, som behövs
för användning i loopar, så här:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
I det här fallet kommer attributen
name och cost att hamna i props,
medan key -
inte kommer att hamna där. Vi kan dock behöva
skicka id till komponentens props. I
så fall måste vi introducera ytterligare ett
attribut:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifiera din komponent User så
att den i ett stycke visar användarens id.