antd v4 使用hook對組件進(jìn)行了升級账阻,react項(xiàng)目使用hook的話升級v4會比較好蒂秘。
antd 升級需要注意的地方
antd V4 提供了一個(gè) codemod cli 工具 @ant-design/codemod-v4 以幫助快速升級到 v4 版本。
廢棄的組件則通過 @ant-design/compatible 保持運(yùn)行(從 @ant-design/compatible 引入的老版本 Form 組件淘太,樣式類名會從 .ant-form 變成 .ant-legacy-form)如果進(jìn)行了樣式覆蓋姻僧,需要進(jìn)行調(diào)整。
升級開始
- 首先檢查react版本蒲牧,v4最低支持react16.9.0版本(如版本較低:https://reactjs.bootcss.com/blog/2019/08/08/react-v16.9.0.html 按照這個(gè)流程升級
) - 升級antd 版本(codemod cli 工具 快速升級)
通過 npx 直接運(yùn)行
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
運(yùn)行
antd4-codemod src
以上升級完成
需要注意組件配色問題撇贺,如進(jìn)行了樣式覆蓋需要對應(yīng)處理。