Passando id para um componente no React
Você já sabe que os atributos da tag de um componente
são passados para as props. Isso se aplica a todos os atributos,
exceto ao atributo key, que é necessário
para uso em loops, assim:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Neste caso, os atributos que irão para as props são
name e cost, enquanto o key -
não irá. No entanto, podemos precisar
passar o id para as props do componente. Neste
caso, precisaremos adicionar outro atributo:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Modifique seu componente User para
que ele exiba o id do usuário em um parágrafo.
