ant design + react带有二级导航菜单自动生成

Posted 任小小

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant design + react带有二级导航菜单自动生成相关的知识,希望对你有一定的参考价值。

最近在项目中面临导航特别多的情况,需要将导航存到数据库里面,然后前端从接口那数据渲染生成。antd-admin里面有个案例,但是太过复杂,于是自己开始简化写

1、数据格式:

2、在sidebar 渲染数据:

 

 3、在route里面找到对应的路径即可

 

以上是关于ant design + react带有二级导航菜单自动生成的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用 Ant Design React Form 中的字段?

使用 React 和 Ant Design 的浮动标签

ant-design-pro 实现二级权限表格

ant-design-pro 开发 基于react 框架涉及到技术你的本地环境需要安装 yarnnode 和 git。我们的技术栈基于 ES2015+ReactUmiJSdvag2 和 a

React开发(258):react项目理解 ant design debug

React开发(117):ant design 新方式