美文网首页
antd v3 升级 v4

antd v3 升级 v4

作者: Yaowei | 来源:发表于2020-11-09 14:58 被阅读0次

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

    antd 升级需要注意的地方

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

    升级开始

    1. 首先检查react版本,v4最低支持react16.9.0版本(如版本较低:https://reactjs.bootcss.com/blog/2019/08/08/react-v16.9.0.html 按照这个流程升级
    2. 升级antd 版本(codemod cli 工具 快速升级)

    通过 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 v3 升级 v4

          本文链接:https://www.haomeiwen.com/subject/ulilbktx.html