Können wir routes = {routes} für react-router v4 verwenden?

Question

Der folgende Code funktioniert:

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') 
); 

Aber wenn ich die Wege in eine Datei routes.js setzen und

import routes from "./routes"; 

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

und innerhalb von routes.js:

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

dann ist es nicht Arbeit. Das hat vorher in react-router@2.0.0-rc5 funktioniert ... also können wir das Formular routes={routes} nicht mehr verwenden? Wie sollte es gemacht werden?

Answer 1

können Sie setzen Routen innerhalb Router

<Router> 
{routes} 
</Router>