react-router 1.0 Error: Uncaught TypeError: getCurrentLocation is not a function | createHistory.js

Question

在实现 react-router 时出现未捕获的类型错误：getCurrentLocation 不是 createHistory.js 中的函数。我的代码有什么问题？

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var IndexRoute = ReactRouter.IndexRoute;
var history = require('history');
var createHistory = require('history/lib/createHistory');
var useBasename = require('history/lib/useBasename');


var Login = require('./components/login');
var App = require('./components/App');


var appHistory  = useBasename(createHistory)({
  basename: '/test'
})

ReactDOM.render((
  <Router history={appHistory}>
    <Route path="/" component={App}>
      <Route path="login" component={Login}/>      
      <IndexRoute component={Login}/>
    </Route>
  </Router>
), document.getElementById('content'));

Answer 1

您不应该直接从 history 包中使用 createHistory。而是使用像 createBrowserHistory 或 createHashHistory.

这样的实际历史工厂之一

react-router 1.0 Error: Uncaught TypeError: getCurrentLocation is not a function | createHistory.js

react-router 1.0 Error: Uncaught TypeError: getCurrentLocation is not a function | createHistory.js

javascript

reactjs

react-router