For

For (반복 렌더링)

배열을 순회하며 각 항목에 대해 컴포넌트를 렌더링할 때 사용하는 컴포넌트예요. 강력한 타입 안전성을 제공하는 .map()과 비슷한 역할을 해요.

출처: 문서

For 컴포넌트는 강력한 타입 안전성(strongly typed)을 가진 방식으로 항목 목록을 렌더링할 때 사용해요. .map()과 비슷해요.

import { For } from "@chakra-ui/react"

<For each={[]} fallback={...} />

For 컴포넌트를 사용해서 객체를 순회하는 예시예요.

| 예제 (for-with-object) |

fallback prop을 사용해서 배열이 비어 있거나 undefined일 때 폴백 컴포넌트를 렌더링할 수 있어요.

| 예제 (for-with-fallback) |

| PropTable (For / For) |