[면접공부] 리액트에서 index를 key값으로 사용하면 안되는 이유
리액트(React)에서 index를 key 값으로 사용하는건 비추천되고있다.그 이유에 대해 알아보자.1. Key의 역할Key는 리액트가 각 요소를 고유하게 식별할 수 있도록 도와주는 속성리액트는 key를 사용하여 요소의 변경, 추가, 삭제 여부를 효율적으로 파악함효율적인 비교를 통해 DOM 업데이트를 최소화, 성능을 최적화2. Index를 key로 사용하면 안 되는 이유1) 요소의 순서 변경 시 문제 발생배열의 요소가 추가되거나 삭제될 때, index는 순서에 따라 변하기 때문에 같은 요소에 대한 key가 변경될 수 있다.리액트는 key 값이 바뀌면 요소를 새로운 요소로 인식하여 불필요한 DOM 업데이트가 발생할 수 있다.예시const items = ['Apple', 'Banana', 'Cherry'];..
2025. 1. 9.
최근댓글