首先现在antd 其实已经到 5 的版本了,所以想把antd3版本升级到更好用的4版本,因为4的版本更加拥抱函数式组件的开发.
升级必然会带来版本的不兼容.下面让我们看一下怎么操作
- 先进入官网查看从 v3 到 v4 - Ant Design
写的很清楚,要先把react版本升级到React 16.12.0 以上。因为antd4中多处使用了hooks.
# 通过 npx 直接运行 npx -p @ant-design/codemod-v4 antd4-codemod src
# 或者全局安装
# 使用 npm npm i -g @ant-design/codemod-v4
# 或者使用 yarn yarn global add @ant-design/codemod-v4
# 运行 antd4-codemod src
如果出现错误,请先把修改的文件放到暂存区
- 新的问题?那我项目中使用v3版本的antd怎么办?官方给了解决的办法下载兼容包
npm install --save @ant-design/compatible@v4-compatible-v3
最后,他就可以自动升级到 4 版本呢啦
