我使用的是最新版本的react-router
(版本^3.0.0)。
我使用ES5编写了以下路由:
routes.js
var React = require("react");
var Router = require("react-router");
var AuthorPage = require('./components/authors/authorPage')
var App = require('./components/app')
var Route = Router.Route;
var routes = (
<Route path="/" component={App}>
<Route path="authors" component={AuthorPage}/>
</Route>
);
module.exports = routes;
在另一个名为main.js
的JS文件中,我执行以下调用:
main.js
var React= require("react");
var ReactDom = require("react-dom");
var Router = require('react-router').Router;
var routes = require('./routes');
ReactDom.render(<Router routes={routes}></Router>, document.getElementById('app'));
当我运行代码时,在Google Chrome开发人员工具中得到以下异常:
未捕获TypeError:无法读取未定义的属性“”getCurrentLocation“”
为什么会这样呢?我遗漏了什么?
发布于 2016-11-30 02:06:08
您没有将历史记录传递给<Router>
。
有关更多信息,请查看histories documentation。
发布于 2017-03-21 17:08:56
有相同的错误,用下面的方法解决:
添加
var hashHistory = ReactRouter.hashHistory;
在路由器设置中,历史记录等于hashHistory
<Router history={hashHistory}>
所以在你的例子中:
var routes = (
<Router history={hashHistory}>
<Route path="/" component={App}>
<Route path="authors" component={AuthorPage}/>
</Route>
</Router>
);
https://stackoverflow.com/questions/40872481
复制相似问题