/
app.js
36 lines (32 loc) 路 1.05 KB
/
app.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
import { h, Component } from 'preact';
import { Router } from 'preact-router';
import AsyncRoute from 'preact-async-route';
import Header from './header';
import Home from '../routes/home';
// import Home from 'async!../routes/home';
// import Profile from 'async!../routes/profile';
if (module.hot) {
require('preact/debug');
}
export default class App extends Component {
/** Gets fired when the route changes.
* @param {Object} event "change" event from [preact-router](http://git.io/preact-router)
* @param {string} event.url The newly routed URL
*/
handleRoute = e => {
this.currentUrl = e.url;
};
render() {
return (
<div id="app">
<Header />
<Router onChange={this.handleRoute}>
<Home path="/" />
<Home path="/home" />
<AsyncRoute path="/profile/" getComponent={() => import('../routes/profile').then(m => m.default)} />
<AsyncRoute path="/profile/:user" getComponent={() => import('../routes/profile').then(m => m.default)} />
</Router>
</div>
);
}
}