微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-router v3 - v5 PlainRoute 迁移

如何解决react-router v3 - v5 PlainRoute 迁移

我已经开始着手一个相当大的 React 项目,其中需要对库进行大量升级
大多数不受支持的库的迁移都很顺利,但是 react-redux 和 react-router v4-5 的组合可能会引起一些问题,因为最初实现的是普通路由(结合分形设计模式)

与此同时,我已迁移到 react-router v3.2.3,因为它可以处理较新版本的 react-redux。然而,这只是移动了球门柱。

这是一个嵌套路由的例子

export const createRoutes = (store) => ({
  path        : '/',indexRoute  : { component: AuthLoginContainer },childRoutes : [
    DashboardRoute(store),SettingsRoute(store)
  ]
})


// DashboardRoute index.js
export default (store) => ({
  path : 'dashboard',indexRoute: { component: DashboardContainer },component: isAuthContainer(BaseLayout),childRoutes: [ ProfileRoute(store) ]
})
     // ProfileRoute index.js
      export default (store) => ({
      path : 'profile',indexRoute: { component: ProfileContainer },})

https://reactrouter.com/web/example/route-config 上的示例似乎有些作用,但我不确定如何使用较新版本的 react-router 实现类似的模式

关于如何开始解决这个问题(如果可能)或如何在 react-router5 中实现类似模式的任何提示将不胜感激。

我希望这不是完全重写,因为这些路由的分形设计已经融入了应用程序中

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。