-
[React.js] JSX요소를 map안에서 렌더링할 때 주의사항IT/코딩히스토리_FE 2025. 6. 10. 23:38
JSX 요소를 map함수 안에서
반복문으로 반복 렌더링이 될 때 안에 반복되는 요소에 key의 값을 지정해야한다. 가끔 index를 key값으로 지정하는 경우가 있는데, 이러면 요소의 순서가 바뀌거나 변경이 일어났을때 key값은 그대로고 표면적인 값만 변경되어 상태가 꼬인다.
key는 React가 DOM을 효율적으로 업데이트하는 데 쓰이는 기준이다.
React는 리스트를 렌더링할 때 각 자식 요소에 고유한 key 값을 요구한다.
그래서 key값은 고유해야 하며 보통 map함수에서 고유한 id값으로 해야한다.
'IT > 코딩히스토리_FE' 카테고리의 다른 글
[React] styled-components에 대하여(Feat. CSS-in-JS) (0) 2025.07.08 [React] useMemo vs useCallback (Feat. useRef..) (4) 2025.07.08 [React.JS] useRef()를 사용할 때, state.current와 state.current.value의 차이 (0) 2025.06.10 [React js] state, useRef(), 로컬변수 (2) 2024.12.20 [자바스크립트] parseFloat() 사용시 주의사항 (4) 2024.12.20