react-router 从 v3 版本升到 v4 版本,升级小记

Posted 山水一程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-router 从 v3 版本升到 v4 版本,升级小记相关的知识,希望对你有一定的参考价值。

  • react-router v4 跟 react 一样拆成了两部分,核心的 react-router 和依运行环境而定的 react-router-dom 或 react-router-native(跟 react-dom 和 react-native 一样)。本文要说的是浏览器环境,也就是 react-router + react-router-dom。

  • 组件外导航与 react-router-redux
    之前我们项目中使用了 react-router-redux 你有很多理由使用它,但对于我们来说唯一的理由或者用处就是用于在页面组件之外导航,react-router-redux 让你可以在任何地方通过 dispatch 处理页面跳转,如:store.dispatch(push(‘/‘))。因为这个我们就必须使用 react-router-redux 吗?当然不需要,有更简单的办法实现这个需求。所以这次升级我移除了react-router-redux, 写作此文时支持 react-router v4 的 react-router-redux 还处于 v5.0.0-alpha.7 也是原因之一。
    还记得之前安装的 history 吗?history 是 react-router 的另一个主要依赖,之所以要显式安装,是因为我们要使用它来实现页面组件外导航。

  • 出处:https://div.io/topic/2073

以上是关于react-router 从 v3 版本升到 v4 版本,升级小记的主要内容,如果未能解决你的问题,请参考以下文章

react-router v3和v4区别

webpack v3 结合 react-router v4 做 dynamic import — 按需加载(懒加载)

浅入浅出 react-router v4 实现嵌套路由

React-router v4教程

markdown 在iOS 11或更高版本上将数据从V3迁移到V4

antd从v3升级到v4记录