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