react-router - 我们还能在 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>