반응형
리액트에서 반복문을 사용하려고 할 때 아래와 같이 return문 안에서 for 문은 사용할 수 없다
// for문 사용불가
function App() {
const Month = ["1월", "2월", "3월", "4월", "5월", "6월"];
return
(
<div>
{
for ( let i = 0; i < Month.length; i++)
{
<span>{Month(i)}</span>
}
}
</div>
)
}
따라서 map 메소드를 사용하여 반복문을 실행한다
// map 메소드 사용하기
function App() {
const Month = ["1월", "2월", "3월", "4월", "5월", "6월"];
return (
<div>
{Month.map((month, index) => (
<span key={index}> {month} </span>
))}
</div>
);
}
반응형
'Today I Learn > React' 카테고리의 다른 글
[React / Error] Can't perform a React state update on an unmounted component (0) | 2022.02.10 |
---|---|
[react]배포 시 이미지 엑박 / public 폴더의 이미지 절대경로로 사용하기 (0) | 2021.12.29 |
[React.js] input box에 1000단위마다 자동으로 comma 넣기 (0) | 2021.09.07 |
[React] geolib. getDistance 두 좌표의 거리 계산하기 (0) | 2021.09.01 |
[React]리액트 기본 Hooks - useEffect (0) | 2021.08.23 |