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

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

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

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

// 길이 num의 배열을 생성, 이후 map으로 렌더링
{[...Array(num)].map((n) => {
    return (
        <div>
            // 이렇게 하면 num만큼 반복하며 렌더링할 수 있다.
        </div>
    )
})}

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