본문으로 건너뛰기

SwitchCase()

function SwitchCase<Case>(props): 
  | null
| ReactElement<unknown, string | JSXElementConstructor<any>>

특정 값(value)에 따라 지정된 컴포넌트를 렌더링하는 컴포넌트입니다.

Type Parameters​

Type ParameterDescription
Case extends Keyvalue로 사용될 수 있는 키 타입입니다.

Parameters​

ParameterType
propsSwitchCaseProps<Case>

Returns​

| null | ReactElement<unknown, string | JSXElementConstructor<any>>

해당하는 컴포넌트 또는 default가 없으면 null을 반환합니다.

Example​

<SwitchCase
  value={status}
  cases={{
    a: <TypeA />,
    b: <TypeB />,
    c: <TypeC />,
  }}
  default={<Default />}
/>