Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Redux
- react-query
- SSR
- next-pwa
- 투두리스트
- 리액트
- debounce
- NextJS
- Next
- 생명주기
- JavaScript
- 달리기경주
- useMutation
- programmers
- todolist
- 파이어베이스
- lifecycle
- 배열
- customModal component 만들기
- google firebase
- 자바스크립트
- React
- 넥스트
- 겹치는 선분의 길이
- Recoil
- JS
- 리엑트
- 리덕스
- csr
- Firebase
Archives
- Today
- Total
목록key (1)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bStSd0/btrgg3UZgg8/OXJeY4U4lKSEz030IVzJC0/img.jpg)
React 개발하다보면 콘솔 창에 한번쯤은 봤을 경고문이 있습니다. " Each Child in an array or iterator should have a unique 'key' prop " 특히 리스트 형식의 구조를 짜다보면 map 같은 반복문을 통해 요소를 return 하는 형식도 많이 사용합니다. 그럴때 각 요소의 식별을 위한 값이 바로 key 값입니다. 어떤 데이터들은 각 데이터들을 식별할 수 있는 고유의 값인 ID를 가지고 있지만, 그렇지 않은 것들에게 우리는 종종 index를 이용하여 key값에 부여했습니다. 하지만 이 index를 이용한 key값 부여에는 우리가 예상하지 못하는 오류가 생길 수 있습니다. 요소가 추가되거나 삭제될때 key값이 고유한 값이 아닌 index로 하게 되면 요소가..
React
2021. 9. 30. 01:26