1 | # React Switch Case
|
2 |
|
3 | Little switch-case React component to render nested components.
|
4 |
|
5 | ## Usage
|
6 |
|
7 | ### Step 1:
|
8 | ```sh
|
9 | npm install react-switch-case -save
|
10 | ```
|
11 |
|
12 | ### Step 2:
|
13 |
|
14 | ```jsx
|
15 | import Switch, { Case, Default } from 'react-switch-case';
|
16 | ```
|
17 |
|
18 | ### Step 3:
|
19 |
|
20 | ```jsx
|
21 | const 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 |
|
38 | MIT
|