Overførsel af id til en komponent i React
Du ved allerede, at attributter for komponent-tagget
ender i props. Dette gælder for alle attributter,
bortset fra attributten key, som er nødvendig
for brug i loops, sådan her:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
I dette tilfælde vil attributterne
name og cost ende i props, mens key -
ikke vil. Vi kan dog få brug for at
overføre id til komponentens props. I
det tilfælde bliver vi nødt til at introducere endnu en
attribut:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modificer din komponent User, så
den i et afsnit viser brugerens id.
