SwitchCaseRender
SwitchCaseRender is a JSX-friendly alternative to switch statements. It lets you render different elements based on a value, using an object for cases and an optional default.
Usage
import { SwitchCaseRender } from 'react-chousy';
<SwitchCaseRender value={status}>
{{
idle: <p>Waiting...</p>,
loading: <p>Loading...</p>,
success: <p>✅ Success!</p>,
error: <p>❌ Error</p>,
default: <p>Unknown status</p>
}}
</SwitchCaseRender>
SwitchCaseRender API
| Prop | Type | Description |
|---|---|---|
| value | string | number | The value to match |
| children | object | Keys that match the value + optional default |