react-router v4にはroutes = {routes}を使用できますか？

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> 

内のルートを置くことができます