React17 [Topic #React 01] map 순수 함수 사용 시 key prop은 unique id로 설정! 두 번째 토픽 키워드 주제는 React 입니다. React에서 map 함수를 이용하여 리스트의 원소 렌더링 시 key prop을 index가 아니라 unique id 사용을 권장합니다. key는 React가 DOM 요소를 식별하기 위해 사용하는 유일한 값입니다. React는 key를 가지고 기존 트리와 이후 트리의 자식들이 일치하는지 확인합니다. 리스트 중간에 항목을 insert/delete/reorder 등 작업 시 React는 정확히 어떤 프로퍼티가 매핑되어 있는지 인식을 못할 수 있습니다. (예측 불가능 초래 가능) 인덱스를 key로 사용하면 배열이 재배열 될 때 컴포넌트의 state와 관련된 문제가 발생할 수 있습니다. (배열이 변경되면 효율적으로 리렌더링 못할 수 있음) 컴포넌트의 인스턴스는 k.. 2022. 4. 30. 이전 1 2 3 4 5 다음 반응형