react + antd5.X 实现Menu-自定义icon

react + antd5.X Menu+自定义icon

导入字体图标：

// menuList 为返回的字段，格式可结合getMenuList 自行调整
// const menuList = [
// {
// label: “权限测试”,
// path: “/permission”,
// icon: “icon-renyuanquanxian”,
// children: [
// {
// label: “权限说明”,
// path: “/permission/explanation”,
// roles: [“admin”]
// },
// }]

// 'cfont '为字体图标iconfont.css中设置的值默认为iconfont
const getMenuList = (menuList) => {
menuList.forEach(element => {
if (element.children) {
element.label = (<i className={'cfont ’ + element.icon}>{element.label})
element.icon = ‘’
element.key = element.path
getMenuList(element.children)
} else {
element.label = (<i className={'cfont ’ + element.icon}>{element.label})
element.icon = ‘’
element.key = element.path
}
});
return menuList
}