javascript - React 路由组件类型错误 : history is undefined

Question

我正在尝试使用 React Route 组件来指定我的路由配置。这基本上就是我正在做的:

ReactDOM.render(
    <ReactRouter.Router>
        <ReactRouter.Route path="/" component={App}>
        </ReactRouter.Route>
    </ReactRouter.Router>,
    document.querySelector("#container")
);

Complete version in JSFiddle

以上导致类型错误:

TypeError: history is undefined

一切都在 text/babel 脚本标签中，该标签位于 html 文档的 body 中。我通过将以下脚本标记添加到文档的 head 来导入 ReactRouter:

<script src="https://npmcdn.com/react-router/umd/ReactRouter.js"></script>

我的应用程序在不使用 ReactRouter 时运行良好。也就是说，以下代码不会导致类型错误:

ReactDOM.render(
    <App/>,
    document.querySelector("#container")
);

我是不是用错了组件？我错过了什么？

Answer 1

你必须为 ReactRouter 提供 history，它可以是 browserHistory 或 hashHistory 取决于你的结构。在 documentation 中查看更多信息

ReactDOM.render(
    <ReactRouter.Router history={ReactRouter.hashHistory}>
        <ReactRouter.Route path="/" component={App}>
        </ReactRouter.Route>
    </ReactRouter.Router>,
    document.querySelector("#container")
);