import React from "react";
import { Menu , Icon } from 'antd';
const { SubMenu } = Menu;
export default (routes) => {
let fn = (child) => {
return <SubMenu
key={child.key}
title={
<span>
<Icon type={child.icon} />
<span>{child.name}</span>
</span>
}
>
{
child.children.map((item,index) => {
if(item.children){
return fn(item);
}else{
return <Menu.Item key={item.key}>{item.name}</Menu.Item>
}
})
}
</SubMenu>
}
return routes.map((item,index) => {
if (item.children) { //当它有子元素的时候,将它进行递归
return fn(item)
} else { //当没有子元素的时候，直接输出
return <Menu.Item key="2">
<Icon type={item.icon} />
<span>{item.name}</span>
</Menu.Item>
}
})
}
