[리액트] 컴포넌트 반복

컴포넌트를 반복 할 때, map 함수를 많이 사용하는 것 같다.arr.map(callback,[arr])데이터 배열을 컴포넌트 배열로 map 하기이렇게 하면 랜더링이 되지만, 콘솔에 애러가 뜬다."key" prop가 없다고 경고메세지를 표시했다.리액트에서 key는 컴포넌트 배열을 랜더링 했을 때 어떤 원소에 변동이 있었는지 알아내려고 사용한다.예를 들어 유동적인 데이터를 다룰 때는 원소를 새로 생성, 제거, 수정할 수도 있다.key가 있으면 이 값을 사용하여 어떤 변화가 일어났는지 더욱 빠르게 알아낼 수 있다.key 설정nameList를 index와 key를 추가해 약간 바꿔보자애러가 뜨지 않는 것을 확인할 수 있다.데이터 추가 기능 구현input과 button을..........

[리액트] 컴포넌트 반복에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : [리액트] 컴포넌트 반복