antdesign侧边栏菜单，需根据后台返回的数据动态加载菜单列表，在循环填充时会遇到子菜单项<a-sub-menu>拆分问题， 查阅官方文档，在单文件递归菜单中，使用函数式组件递归生成菜单
"menuList": [ { "name": "监控系统", "url": "http://192.168.1.100:9999", "iconType": "laptop", }, { "name": "模块接口", "url": null, "iconType": "bars", "sidebars": [ { "name": "订单模块", "url": "http://192.168.1.100:8890//swagger-ui.html", "iconType": "italic", "children": [] } ] }, { "name": "关于", "url": "http://192.168.1.100:9999/about", "iconType": "info", } ] 根据上述后台传递的json数组， 主组件中代码如下：
{ {item.name}}
其中的<sub-menu>由子组件定义，如下：
{ { props.menuInfo.name }} { { item.name }}
在<sub-menu>源文件中
{ { props.menuInfo.title }} { { item.title }}
其中的<sub-menu>中还包含递归组件