-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
51 lines (47 loc) · 1.61 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import React, {Component} from 'react';
import {render} from 'react-dom';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import {Provider} from 'react-redux';
import store from './store';
import Header from './components/default/Header';
import Main from './components/Main';
import Posts from './components/Posts';
import PostSingle from './components/posts/PostSingle';
import Articles from './components/Articles';
import TodosMain from './components/TodosMain';
import Refs from './components/other/Refs';
import Counter from './components/other/Counter';
import Hooks from './components/other/Hooks';
import Sagas from './components/other/Sagas';
class App extends Component {
render() {
return (
<Provider store={store}>
<React.Fragment>
<Header/>
<main>
<Switch>
<Route exact path='/' component={Main}/>
<Route exact path='/posts' component={Posts}/>
<Route exact path='/posts/:slug' component={PostSingle}/>
<Route exact path='/articles' component={Articles}/>
<Route exact path='/todos' component={TodosMain}/>
<Route exact path='/refs' component={Refs}/>
<Route exact path='/counter' component={Counter}/>
<Route exact path='/hooks' component={Hooks}/>
<Route exact path='/sagas' component={Sagas}/>
</Switch>
</main>
</React.Fragment>
</Provider>
);
}
}
const routes = (
<Router>
<Route path="/" component={App}/>
</Router>
);
render(
(routes), document.getElementById('root')
);