React Router v4无法正常工作

Question

我有以下代码用于路由器设置:

import React from 'react'; 
import { Router, Route, browserHistory } from 'react-router'; 
import App from './App'; 

export default () => ( 
  <Router history={browserHistory}> 
    <Route name="demo" path="/mydemo" component={App} /> 
  </Router>
);

但是,我收到以下错误:

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router (at Router.js:12)    
Uncaught TypeError: Cannot read property 'location' of undefined at new Router (Router.js:43)

Answer 1

我想你可能把你的React-Router v3和v4实现混淆了.也许你最近升级了？

无论如何,请尝试:

import {BrowserRouter, Route} from 'react-router-dom';

...

render((
  <BrowserRouter>
    <Route path="/" component={App} />
  </BrowserRouter>
), document.getElementById('root'));

react-router-dom如果你还没有安装,别忘了安装.另外,如果您需要更多信息,请查看官方快速入门指南.