개발 이야기/React
React, Key 속성을 왜 사용하는지 알고 사용하자
Missing "key" prop for element in iterator 엘리먼트 태그에 key 속성을 부여하라는 의미이다. 이 메시지는 우리가 배열을 통해서 Element를 처리할 때 흔히 마주칠 수 있는 에러 문구중 하나이며 꽤나 자주 볼 수 있는 문제임에도 불구하고 왜 그런지 모르는 사람들이 생각보다 많았고 이게 어떤 문제를 야기하는지 모르는 사람들이 정말 많았기에 자세히 풀어보려 한다. const Page = () => { const [getArr, setArr] = useState(['first', 'second']); return {getArr.map((item) => ( {item} ))} }; arr 이란 배열을 태그 내에서 재귀적으로 처리하고 있는 간단한 컴포넌트가 있다고 가정해보자...
