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

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

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