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>

我们仍然可以使用routes = {routes}来实现react-router v4吗？

1 个答案: