UNPKG

600 BMarkdownView Raw
1# React Switch Case
2
3Little switch-case React component to render nested components.
4
5## Usage
6
7### Step 1:
8```sh
9npm install react-switch-case -save
10```
11
12### Step 2:
13
14```jsx
15import Switch, { Case, Default } from 'react-switch-case';
16```
17
18### Step 3:
19
20```jsx
21const componentShow = 'component1';
22
23<Switch condition={componentShow || (value) => compare(value)}>
24 <Case value="component1">
25 <span>Component 1</span>
26 </Case>
27 <Case value="component2">
28 <span>Component 2</span>
29 </Case>
30 <Default>
31 <span>Nothing!</span>
32 </Default>
33</Switch>
34```
35
36## License
37
38MIT