728x90
아래 포스팅에 자세히 설명을 해두었다.
dolphinsarah.tistory.com/21?category=467228
[TIL_개발일기_210322] React에서 map 사용 시 key를 설정해줘야 하는 이유는
*하루동안 새롭게 알게된 부분, 에러를 해결한 방법 등을 작성하는 개발일기입니다. 다른 사람에게도 설명해줄 수 있도록 제 머릿속에 넣기 위해 정리를 시작하게 되었습니다. React에서 map 사
dolphinsarah.tistory.com
그래도 간단히 설명해보자면, map을 도는 배열의 key를 고유한 값으로 설정하라고 하는 것은,
그렇게 하지 않았을 때 => 배열 전체가 리렌더링 될 필요가 없음에도 리렌더링 되는 것을 방지하기 위해서다.
이를테면, push를 통해 아이템이 배열 끝에 추가될 경우, 마지막 요소만 변경되었으니 전체를 리렌더링할 필요가 없는 경우.
728x90
'Front-end > JS' 카테고리의 다른 글
| 쓰로틀링(throttling)과 디바운싱(debouncing) (0) | 2021.04.01 |
|---|---|
| JSON 개념과 관련 함수(JSON.parse(), JSON.stringfy()) (0) | 2020.10.31 |