我有一个简单的 Hello World 应用程序,其中一条路由没有子路由或索引路由。对于路由,我使用普通路由而不是 jsx sysntax。我再次使用 react-router 的动态路由来加载带有 webpack 的 Hello 组件。我的app.jsx 文件有以下代码。
import React from "react";
import ReactDOM from "react-dom";
import {Router, browserHistory} from "react-router";
import Hello from "./components/Hello";
const routes = [{
path:"/",
getComponents(location, callback) {
require.ensure([], function (require) {
callback(null, require('./components/Hello'))
})
}
}];
ReactDOM.render(
<Router history={browserHistory} routes={routes}/>,
document.getElementById("container")
);
Hello.jsx 组件有如下代码
import React from "react";
export default class Hello extends React.Component {
render() {
return (
<h2>Hello World</h2>
)
}
}