118. Warning: Each child in a list should have a unique "key" prop. TIL 23.01.26

---

 

Warning: Each child in a list should have a unique "key" prop.

React에서 map 함수를 사용하다가 콘솔에 경고가 떴다.

실행하는데 문제는 없었지만 신경 쓰여서 경고를 해결해 봤다.

 

원인: 불필요한 리렌더링을 방지하기 위해서는 각 자식 컴포넌트마다 독립적인 key값을 넣어줘야 함.

 

 

[에러가 발생한 코드]

key와 관련된 세팅이 없음

 

 

[해결]

key={item.id}를 추가해 줌

여기서 key는 형제 사이에서만 유일하면 되고, 전역에서는 유일할 필요는 없음.