react array key
-
React Array CRUD : 배열 렌더링+추가+제거+수정Study/React 2020. 1. 7. 10:11
React에서 배열을 렌더링 하려면 어떻게 해야할까? 우선 배열 원소를 하나 하나 렌더링해야하기 때문에 재사용되는 코드가 있을 것이다. 따라서 배열 컴포넌트 외에 렌더링에 필요한 컴포넌트를 하나 더 생성한다. 그리고 동적인 데이터 처리를 위해 자바스크립트의 내장함수 map() 을 사용하여 동적인 배열을 렌더링해준다. 마지막으로 배열을 렌더링 할 때는 key라는 props를 설정해야한다. key는 배열의 각 원소들이 가지고 있는 고유값으로 설정해줘야한다. key가 있어야만 배열이 업데이트 될 때 효율적으로 렌더링 될 수 있기 때문이다. React element의 유일성 만약 각 요소에 key를 설정해주지 않으면 아래와 같은 오류 메세지가 뜬다. "Each child in a list should have ..