목록Key (1)

roqkf

[React] key JSX 속성이 필요한 이유

React에서는 여러가지 HTML 엘리먼트들을 표시할 때 map() 함수를 이용하는데, 이때 key JSX 속성을 넣지 않는다면 리스트의 각 요소에는 key를 넣어야 된다는 경고 가 표시된다. 어떤 경고? key를 설정하지 않았을 때 다음과 같은 경고를 볼 수 있다... Each child in an array should have a unique “key” prop 🤔 React에서 왜 Key 속성이 필요할까? 리액트에서는 컴포넌트의 상태나 속성이 변할 때마다 render()라는 함수를 호출한다. 이 함수에서는 새로운 리액트 요소 트리를 반환하게 되고, 반환한 트리와 기존의 요소 트리를 비교하여 새로운 변경점에 대해서만 재렌더링을 하게 된다. 이렇게 두 트리를 비교하기 위해서 key 속성을 사용하는 것..
💻 Development/React 2022. 11. 27. 03:53
이전 Prev 1 Next 다음