Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
511 views
in Technique[技术] by (71.8m points)

Antd-Pro 动态渲染左侧菜单

通过 npm create umi 创建antd-pro的项目

根据官方文档配置从服务器请求动态渲染左侧菜单
FireShot Capture 044 - 路由和菜单 - Ant Design Pro - pro.ant.design.png

我在mock的文件夹下面创建,route.js
image.png

在models文件下创建router.js
image.png

在service文件下创建router.js
image.png

最后在BasicLayout.js文件下引入router
image.png
image.png

最后发现
image.png
左侧的菜单都没渲染出来,且也没报错,网上查了一很多,没有头绪,menuDataRender这个属性是怎么设置,官网也没有仔细说,权限校验怎么判断也没有详细说明,大家有没有好的思路-。-


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

image.png

从后端获取的数据,最终的转换成react的dom元素才行,参考了https://blog.csdn.net/qq_4131...


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...