陣營路由器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

我認爲你可能有你的陣營，路由器v3和v4實現混合在一起。也許你最近升級了？

在任何情況下，請嘗試：

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

... 

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

不要忘記安裝react-router-dom，如果你還沒有。另外，如果您需要更多信息，請查看官方Quick Start指南。