배열을 랜더링 할때
키를 지정하지 않거나
키를 지정하더라도 배열의 인덱스같이 데이터를 구분할수 없는
고유하지 않은 값으로 키를 지정하면
랜더링이 잘못될수있다.
랜더링이 잘못된다는건
특정 요소에 변경사항이 생긴 후, 배열의 순서가 바뀐다면
특정 요소의 변경사항이 다른 요소에게 영향을 미칠 수 있다는 것.
이것때문에 키를 지정해 두어서 요소를 구분할수있어야한다.
정리하면,
- 효율적인 업데이트
각 요소가 고유한 값을 가지기 때문에 이전 상태와 새로운 상태를 식별할 수 있다.
- 일관된 컴포넌트 상태 유지
요소들의 순서의 변경이 생겨도 추적하기가 용이하다.
- 리액트의 경고 메세지를 방지
키를 안쓰면 리액트에서 경고메세지를 보낸다..
sangmin's velog