React render중 map대신 for문 쓰고 싶을 때 해결법

React 컴포넌트를 만들다 보면 map을 쓸 수 없을 때가 있다.

props로 받아오는 데이터가 배열이 아닌 그냥 숫자인데 그만큼 반복해야 하는 상황이 바로 그것이다.

그렇다고 for문을 그냥 쓰자니 동작하지는 않고.. 그럴 때 해결법을 찾았다.

{[...Array(num)].map((n, index) => {
return (

    <div>
        // 이렇게 하면 num만큼 반복하며 렌더링할 수 있다.
    </div>
)

})}

이게 과연 좋은 코드인지는 모르겠으나, 언제나 map을 쓸 수만은 없으니 필요할 때는 써야한다고 생각한다.