1 | import React from 'react';
|
2 | import ReactDOM from 'react-dom';
|
3 |
|
4 | import { AppContainer } from 'react-hot-loader';
|
5 |
|
6 |
|
7 |
|
8 | import App from './App';
|
9 |
|
10 |
|
11 | const About = () => {
|
12 | return (
|
13 | <div>about</div>
|
14 | )
|
15 | }
|
16 |
|
17 | const render = (Component) => {
|
18 | ReactDOM.render(
|
19 | <Router>
|
20 | <AppContainer>
|
21 | <Component/>
|
22 | </AppContainer>
|
23 | <Route path="/about" component={About}/>
|
24 | </Router>
|
25 | ,
|
26 | document.getElementById('root')
|
27 | );
|
28 | };
|
29 |
|
30 | render(App);
|
31 |
|
32 |
|
33 |
|
34 | if (module.hot) {
|
35 | console.log('module.hot:', module.hot)
|
36 | module.hot.accept('./App', () => {
|
37 | render(App)
|
38 | });
|
39 | } |
\ | No newline at end of file |