【问题标题】:Does react-router-v4 supports dynamic routing?react-router-v4 支持动态路由吗?
【发布时间】:2017-07-02 16:30:55
【问题描述】:

我尝试使用 v3 动态添加路由,但它不支持它。 React-router-v4 是否支持动态路由?

【问题讨论】:

  • 你找到方法了吗。如果是这样,请告诉我们你是怎么做的。提前致谢
  • 不,我还没找到:(

标签: react-router react-router-v4 react-router-dom


【解决方案1】:

我不清楚动态路由的真正含义是什么?您是否在考虑 API 或任何其他外部来源提供的路由?

当然可以,但你必须仔细考虑你的结构。实现这一目标的最简单方法是将它们映射到您的 Switch 组件中:

<Switch>
  { routesList.map((route) => (
      <Route
        key={route._id}
        path={route.path}
        component={route.component}
        {...route.props} // some custom props, maybe?
      />
    )
  )}

 <Route path='/' component={HomePage} />
 <Route path='/about' component={About} />
</Switch>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-02
    • 1970-01-01
    • 2018-01-18
    • 1970-01-01
    • 1970-01-01
    • 2018-01-20
    • 1970-01-01
    相关资源
    最近更新 更多