Reactコンポーネントへのidの渡し方
コンポーネントタグの属性は、すべてpropsに渡されることはすでにご存知でしょう。
これは、ループ内で使用するために必要な属性keyを除くすべての属性に適用されます。
次のようにです：
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
この場合、属性nameとcostはpropsに渡されますが、keyは渡されません。
しかし、idをコンポーネントのpropsに渡す必要があるかもしれません。
その場合は、別の属性を追加する必要があります：
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
あなたのUserコンポーネントを修正して、段落内にユーザーのidが表示されるようにしてください。
