系统环境
"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.关闭运行。确保全部代码已提交。
3.
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';
//使用方式没变。