React

React : key props가 필요한 이유

죽이죽이 2024. 2. 13. 15:45

key props가 필요한 이유

※ 이유
- key props는 React가 어떤 항목을 추가, 제거, 변경 할지 식별할 수 있는것을 돕는다. (고유성 부여)
- key props를 부여하지 않을 경우 React는 어떤 항목이 추가, 제거, 변경되었는지 식별하는데 어려움을 겪게 되고, 이로인해 불필요한 리렌더링이 일어날 수 있다.
map을 사용해 배열 반복

 

key를 선언해주지 않아서 생기는 에러

※ 선택 조건
- default : key props를 명시해주지 않을 경우 index값을 사용한다.
- 추천 : DB의 primary key와 같이 해당 아이템의 고유한 id값으로 지정해주는것이 좋다.

※ key값 지정
반복되는 요소에 key 값 지정