React에서 컴포넌트로 id 전달하기
컴포넌트 태그의 속성들은 props로 전달된다는 것을 이미 알고 있습니다.
이것은 key 속성을 제외한 모든 속성에 적용되며,
key는 루프에서 사용하기 위해 필요합니다, 다음과 같이요:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
이 경우, name 및 cost 속성은 props로 전달되지만,
key는 전달되지 않습니다. 그러나 때로는
컴포넌트의 props에 id를 전달해야 할 수도 있습니다.
이 경우, 다른 속성을 추가해야 합니다:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
당신의 User 컴포넌트를 수정하여
단락에 사용자의 id가 출력되도록 하세요.
