本文档介绍了如何将项目从antd pro 4升级到antd pro 5，涉及initialState的使用，Layout作为插件的配置，权限处理，请求方式的改变以及可删除的依赖项。在initialState中整合model，Layout配置移至app.ts，权限标识需在路由中增加，request改用umi的useRequest，同时列出了一些不再需要的依赖。
官网文档：https://beta-pro.ant.design/docs/upgrade-v5-cn
initialState
使用initialState代替自带的model，global,login,setting 都并入了 initialState 中。当做一个默认的model，存储的是不需要频繁修改的数据
步骤：
- 删除
src/models/global.ts、src/models/login.ts、src/models/setting.ts 把请求用户信息和登陆拦截放到 src/app.tsx 中
Layout
antd5中把Layout当做插件使用，在app.ts中用layout来支持运行时配置
- footer和menu的自定义迁移到app.ts中
- v4中对layout的配置在model里，v5放到initialState中
-
默认配置中的
layout属性变为'side' | 'top' | 'mix'，默认是mix
权限
- 在
src/access.ts增加相应的权限标识 - 删除原来的权限组件：
src/utils/Authorized.ts、src/utils/authority.ts、sr
最低0.47元/天 解锁文章
扫一扫
1133
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
