React에서 컴포넌트로 id 전달하기

컴포넌트 태그의 속성들은 props로 전달된다는 것을 이미 알고 있습니다. 이것은 key 속성을 제외한 모든 속성에 적용되며, key는 루프에서 사용하기 위해 필요합니다, 다음과 같이요:

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

이 경우, name 및 cost 속성은 props로 전달되지만, key는 전달되지 않습니다. 그러나 때로는 컴포넌트의 props에 id를 전달해야 할 수도 있습니다. 이 경우, 다른 속성을 추가해야 합니다:

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