Ant Design Pro:二级菜单不显示图标?

简介: Ant Design Pro:二级菜单不显示图标?

在app.jsx中的layout函数的return返回的对象中添加以下代码:

menuItemRender: (menuItemProps, defaultDom) => {
      if (menuItemProps.isUrl || !menuItemProps.path) {
        return defaultDom;
      }
      // 支持二级菜单显示icon
      return (
        <Link to={menuItemProps.path}>
          {menuItemProps.pro_layout_parentKeys
            && menuItemProps.pro_layout_parentKeys.length > 0 &&
            menuItemProps.icon}{defaultDom}
        </Link>
      );
    },

相关文章
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
425 0
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
424 0
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
123 0
|
JavaScript
ant design vue 设置表格选择框,全选按钮选不全
ant design vue 设置表格选择框,全选按钮选不全
1531 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
67 0
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
160 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
73 0
Ant design pro中二级菜单不显示图标
Ant design pro中二级菜单不显示图标
162 0
Ant Design Pro 顶部显示面包屑
Ant Design Pro 顶部显示面包屑
389 0
|
前端开发
Ant Design pro路由菜单标签页插件使用
Ant Design pro路由菜单标签页插件使用
232 0