ant design pro 二级菜单不显示icon怎么解决

在 Ant Design Pro 中，如果二级菜单的 icon 不显示，可以尝试以下几种方法来解决：

1. 设置子菜单的 `icon` 属性

如果一个菜单项有子菜单，需要在该菜单项下添加一个 `children` 属性，并在该属性中定义子菜单的菜单项。如果需要在子菜单中显示 icon，可以在子菜单的菜单项中设置 `icon` 属性，例如：

{
  path: '/parent',
  name: 'Parent',
  icon: 'smile',
  children: [
    {
      path: '/child',
      name: 'Child',
      icon: 'smile',
    },
  ],
},

在上面的代码中，我们在子菜单的菜单项中设置了 `icon` 属性，这样就可以在子菜单中显示 icon 了。

2. 设置子菜单的 `submenuRender` 属性

如果需要更加灵活地自定义子菜单的样式和显示内容，可以使用 `submenuRender` 属性来自定义子菜单的渲染方式。例如：

{
  path: '/parent',
  name: 'Parent',
  icon: 'smile',
  submenuRender: (menu, defaultSubMenuProps) => {
    return (
      <SubMenu key={menu.path} title={menu.name} icon={menu.icon}>
        {defaultSubMenuProps.children}
      </SubMenu>
    );
  },
  children: [
    {
      path: '/child',
      name: 'Child',
      icon: 'smile',
    },
  ],
},

在上面的代码中，我们通过定义 `submenuRender` 属性，自定义了子菜单的渲染方式，并在渲染子菜单时设置了 `icon` 属性，这样就可以在子菜单中显示 icon 了。

通过以上两种方法，可以解决 Ant Design Pro 二级菜单不显示 icon 的问题。需要注意的是，如果子菜单的 icon 仍然不显示，可能是因为设置的 icon 名称不正确或者 icon 组件没有正确引入等原因。