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 Topics = () => {
|
23 | return (
|
24 | <div>Topics</div>
|
25 | )
|
26 | }
|
27 |
|
28 | const render = (Component) => {
|
29 | ReactDOM.render(
|
30 | <Router>
|
31 | <div>
|
32 | <AppContainer>
|
33 | <Component/>
|
34 | </AppContainer>
|
35 | <Route path="/about" component={About}/>
|
36 | <Route path="/topics" component={Topics}/>
|
37 | </div>
|
38 | </Router>
|
39 | ,
|
40 | document.getElementById('root')
|
41 | );
|
42 | };
|
43 |
|
44 | render(App);
|
45 |
|
46 |
|
47 |
|
48 | if (module.hot) {
|
49 | module.hot.accept('./App', () => {
|
50 | render(App)
|
51 | });
|
52 | } |
\ | No newline at end of file |