antd从v3升级到v4记录

Posted marvelousone

tags:

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

antd从v3升级到v4记录

系统环境

"antd": "^3.26.3",
"react": "^16.12.0",

升级准备

1.请将react版本升级到 React 16.12.0 以上。

2.请先升级到 3.x 的最新版本。 我这里升级到3.26.12

npm update antd@3.26.12

升级开始

1.先npm start确保项目可以正常运行。

2.关闭运行。确保全部代码已提交。

npx -p @ant-design/codemod-v4 antd4-codemod src

4.升级结束后提醒我们安装

----------- antd4 dependencies alert -----------

Please install the following dependencies:

* antd^4.0.0-rc.0
* @ant-design/compatible^0.0.1-rc.0

----------- additional dependencies alert -----------

5.我们直接安装

yarn add @ant-design/compatible
yarn upgrade antd --latest

6.查看代码,发现Icon的引入方式变了

import { Icon as LegacyIcon } from '@ant-design/compatible';


<LegacyIcon type="info-circle" />

以及Form

import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
//使用方式没变。

从 v3 到 v 4

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

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

从 Ionic v1 迁移到 Ionic v3 或 v4?

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

在 Windows 上将 redis 从 v2 升级到 v4 导致 Rails 连接错误

从 v3 迁移到 v4 react-router 时出现错误

D3 树图 v3 到 v4