Passer l'id à un composant dans React

Vous savez déjà que les attributs de la balise du composant se retrouvent dans les props. Cela concerne tous les attributs, sauf l'attribut key, qui est nécessaire pour une utilisation dans les boucles, comme ceci :

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

Dans ce cas, les attributs qui passeront dans les props sont name et cost, tandis que key - n'y passera pas. Cependant, nous pourrions avoir besoin de passer l'id dans les props du composant. Dans ce cas, nous devrons introduire un autre attribut :

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