Home (React) Each child in a list should have a unique key prop
Post
Cancel

(React) Each child in a list should have a unique key prop

1. 내용


image

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. 해결


image

1
2
위와 같이 Key 값을 추가한다. 
여기서 주의할 점은 idx 값으로 Key 값을 설정하는 것을 지양한다는 것이다. (배열의 순서 변경  시 index가 바뀜)

3. 참고


This post is licensed under CC BY 4.0 by the author.