Pasar id a un componente en React
Ya sabes que los atributos de la etiqueta del componente
se pasan a las props. Esto se aplica a todos los atributos,
excepto al atributo key, que es necesario
para usar en bucles, así:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
En este caso, los atributos que llegarán a las props son
name y cost, mientras que key -
no lo hará. Sin embargo, puede que necesitemos
pasar el id a las props del componente. En
este caso, tendremos que introducir otro atributo:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifica tu componente User para
que muestre el id del usuario en un párrafo.
