Id doorgeven aan een component in React
Je weet al dat attributen van een component tag
in de props terechtkomen. Dit geldt voor alle attributen,
behalve het attribuut key, dat nodig is
voor gebruik in loops, zoals hier:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
In dit geval komen de attributen
name en cost in de props terecht,
maar key -
niet. Het kan echter nodig zijn om
id door te geven naar de props van het component. In
dit geval moeten we nog een attribuut toevoegen:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Pas je component User zo aan,
dat daarin in een paragraaf het id van de gebruiker wordt weergegeven.
