[React.js] JSX요소를 map안에서 렌더링할 때 주의사항

JSX 요소를 map함수 안에서

반복문으로 반복 렌더링이 될 때 안에 반복되는 요소에 key의 값을 지정해야한다. 가끔 index를 key값으로 지정하는 경우가 있는데,  이러면 요소의 순서가 바뀌거나 변경이 일어났을때 key값은 그대로고 표면적인 값만 변경되어 상태가 꼬인다. 

key는 React가 DOM을 효율적으로 업데이트하는 데 쓰이는 기준이다.

React는 리스트를 렌더링할 때 각 자식 요소에 고유한 key 값을 요구한다.

그래서 key값은 고유해야 하며 보통 map함수에서 고유한 id값으로 해야한다.