packagesreactcomponentsSwitchCase

SwitchCase

cases에서 value에 해당하는 컴포넌트를 렌더링합니다. 만약 value가 null 또는 undefined이거나 존재하지 않는 case일 경우 defaultComponent를 렌더링합니다.

<SwitchCase
  value={color}
  cases={{
    'red': <Category color='red'>Dangerous</Category>
    'green': <Category color='green'>Safe</Category>
  }}
  defaultComponent={<Category color='blue'>Just</Category>}
/>
 
<SwitchCase
  value={statusCode}
  cases={{
    200: <div>OK</div>
    404: <div>Not Found</div>
  }}
/>
SuspenseWhen