Reactコンポーネントへのidの渡し方

コンポーネントタグの属性は、すべてpropsに渡されることはすでにご存知でしょう。 これは、ループ内で使用するために必要な属性keyを除くすべての属性に適用されます。 次のようにです：

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

この場合、属性nameとcostはpropsに渡されますが、keyは渡されません。 しかし、idをコンポーネントのpropsに渡す必要があるかもしれません。 その場合は、別の属性を追加する必要があります：

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