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:

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

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