-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
55 lines (45 loc) · 1.29 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
52
53
import React, { Component ,PropTypes} from 'react';
import ReactDOM from 'react/lib/ReactDOM';
import { Redirect, Router, Route } from 'react-router';
import History from 'history/lib/createHashHistory';
import '../css/common.less';
import Base from './base.js';
import FilterCheckbox from './checkbox.js';
let Index = ()=>(
<div className="index-wrapper">
<header>
ph-filter
</header>
<ul className="index-menu">
<li><a href="#/base">Base</a></li>
<li><a href="#/checkbox">Checkbox</a></li>
</ul>
</div>
);
let AppRouter = class AppRouter extends Component {
constructor(props, context) {
super(props, context);
this.history = new History({
queryKey: false
});
}
render() {
return (
<Router history={this.history}>
<Route path="/index" name="base" component={Index} />
<Route path="/base" name="base" component={Base} />
<Route path="/checkbox" name="checkbox" component={FilterCheckbox} />
<Redirect from="/" to="/index" />
</Router>
);
}
};
let App = ()=>(
<div>
<AppRouter />
</div>
)
ReactDOM.render(
<App />,
document.getElementById('root')
);