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 按钮的样式
494 0
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
475 0
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
139 0
|
JavaScript
ant design vue 设置表格选择框,全选按钮选不全
ant design vue 设置表格选择框,全选按钮选不全
1580 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
70 0
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
115 0
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
188 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
79 0
Ant design pro中二级菜单不显示图标
Ant design pro中二级菜单不显示图标
170 0
hook+ant design实现列表的增加和修改(弹出框)
hook+ant design实现列表的增加和修改(弹出框)
91 0