[React] 리액트에서 반복문 사용하는 법

반복문

return 안에는 jsx문법이 들어오는데 자바스크립트 문법을 사용하려면

 

 

{ } 중괄호 안에 작성!

 

배열을 반복시키는 js문법으로는

 

const arr = [1, 2, 3];

arr.foreach( (element, idx) => {실행문} );

arr.map( (element, idx) => {실행문} );

 

 

 

이때 각각의 고유한 key값이 있어야함으로

전체 태그에 key={i} 고유키를 넣어줍니다.