Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of {{functionName}}
React를 공부하던 중 개발자 도구에서 위와 같은 Warning이 나타났다
페이지는 의도한대로 렌더링 되었지만 위 Warning에 대해서 찾아 보았다
반복문 또는 반복자를 통하여 요소를 만드는 경우에 각 요소에 대해서 'key'를 지정하지 않았다는 오류이다
코드에서 주석처리된 map 함수 부부을 보면
배열에서 필요한 요소만 참조하여 요소를 만들고 있다
그렇게 하더라도 의도한 코드를 작성하는데는 충분 하나
아래 코드에서는 각 요소의 index를 받아 가장 부모 요소의 key의 값으로 할당 하여서 Warning이 발생하지 않도록 하였다