antd相关升级问题

Posted

tags:

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

参考技术A 首先如果npm不能用就用yarn,npm好出错
然后如果要升级antd版本: yarn add antd@latest;
补充:这个命令适用于很多更新,yarn add xxxx@latest

antd v3 升级 v4

参考技术A antd v4 使用hook对组件进行了升级,react项目使用hook的话升级v4会比较好。

antd V4 提供了一个 codemod cli 工具 @ant-design/codemod-v4 以帮助快速升级到 v4 版本。
废弃的组件则通过 @ant-design/compatible 保持运行(从 @ant-design/compatible 引入的老版本 Form 组件,样式类名会从 .ant-form 变成 .ant-legacy-form)如果进行了样式覆盖,需要进行调整。

通过 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
以上升级完成

需要注意组件配色问题,如进行了样式覆盖需要对应处理。

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

详细剖析|袋鼠云数栈前端框架Antd 3.x 升级 4.x 的踩坑之路

antd v3 升级 v4

antd mobile 项目搭建踩坑血泪史

react+ts 造轮子仿antd Menu组件(升级版)

antd-pro升级了,新增的UmiJs是个啥玩意儿??

umi + antd 动态主题色(二)