컴포넌트 반복

map()

자바스크립트 배열 객체의 내장 함수이다. 이를 이용해 반복되는 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해 배열 내 각 요소를 원하는 규칙에 따라 변환한 후에 그 결과로 새로운 배열을 생성한다.

 

map을 이용해 컴포넌트 렌더링

그러나 이대로 실행하면 key props이 없다는 경고가 발생한다.

 

key

컴포넌트 배열을 렌더링했을 때 어떤 원소에 변동이 있었는지 확인하기 위해 필요하다.

 

응용