Passare l'id a un componente in React
Sai già che gli attributi del tag del componente
finiscono nelle props. Questo vale per tutti gli attributi,
tranne che per l'attributo key, che serve
per l'utilizzo nei cicli, in questo modo:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
In questo caso, gli attributi che finiranno nelle props
sono name e cost, mentre key -
non ci finirà. Tuttavia, potrebbe servirci
passare id nelle props del componente. In
questo caso, dovremo introdurre un altro attributo:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifica il tuo componente User in modo
che nel paragrafo venga visualizzato l'id dell'utente.
