1. 내용
1
2
3
4
5
6
7
8
■ 에러
Each child in a list should have a unique "key" prop
■ 내용
[React에서 map을 사용하여 List UI 구현 시 발생]
React에서 map을 사용하기 위해서는 배열의 자식 컴포넌트마다 독립적인 Key 값을 설정해주어야 한다.
(불필요한 재랜더링 방지)
2. 해결
1
2
위와 같이 Key 값을 추가한다.
여기서 주의할 점은 idx 값으로 Key 값을 설정하는 것을 지양한다는 것이다. (배열의 순서 변경 시 index가 바뀜)