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:

jsxconst 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:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});