antd4x. menu导航菜单动态加载icon

官网api声明

Menu.Item 的 参数 icon 指定类型为 ReactNode 类型

方法一：引入全部icons，

import * as Icons from "@ant-design/icons";

方法二：引入指定的icon,

1: 创建一个IconsConfig.js

import { FundOutlined, AppstoreAddOutlined, MessageOutlined, BarsOutlined } from '@ant-design/icons';

export {
  FundOutlined,
  AppstoreAddOutlined,
  MessageOutlined,
  BarsOutlined
}

2：在需要使用的页面中引入IconsConfig.js 【我这里放在了util文件夹下】

import * as siderIcons from '../util/IconsConfig';

最后： 

<Menu.Item key={ item.title } icon={ React.createElement(siderIcons[item.icon]) }>
    /*todo*/
</Menu.Item>