Notice
Recent Posts
Recent Comments
Link
«   2025/10   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

죽이죽이

React : key props가 필요한 이유 본문

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 값 지정

 

'React' 카테고리의 다른 글

React : debounce  (0) 2024.02.20
React : Portal  (0) 2024.02.19
React : 이미지 처리  (0) 2024.02.13
React : Form 데이터 조작 방법  (0) 2024.02.12
React : Built-in Hooks  (0) 2024.02.12