我們仍然可以使用routes = {routes}作爲react-router v4嗎？

Question

下面的代碼工作：

import { BrowserRouter as Router, Route } from "react-router-dom"; 

ReactDOM.render(
    (
    <Provider store={createStoreWithMiddleware(reducers)}> 
     <Router> 
     <Route exact path="/" component={PostsIndex} /> 
     </Router> 
    </Provider> 
), 
    document.querySelector('#root') 
); 

但是如果我把路由到一個文件routes.js，並

import routes from "./routes"; 

ReactDOM.render(
    (
    <Provider store={createStoreWithMiddleware(reducers)}> 
     <Router routes={routes} /> 
    </Provider> 
), 
    document.querySelector('#root') 
); 

和routes.js內：

export default (
    <Route exact path="/" component={PostsIndex} /> 
); 

那麼它不工作。這在以前工作在react-router@2.0.0-rc5 ...所以我們不能再使用routes={routes}的形式？應該怎麼做？

Answer 1

你可以把裏面的路由器

<Router> 
{routes} 
</Router> 

路線