我们仍然可以使用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} /> 
); 

那么它不工作。这在以前工作在[email protected] ...所以我们不能再使用routes={routes}的形式？应该怎么做？

Answer 1

你可以把里面的路由器

<Router> 
{routes} 
</Router> 

路线