When

조건에 따라 컴포넌트를 렌더링합니다.

<When condition={true}>
  <div>children</div>
</When>

condition이 true일 경우 children을 렌더링합니다.

<When condition={() => false} fallback={<div>fallback</div>}>
  <div>children</div>
</When>

condition이 false일 경우 fallback을 렌더링합니다.