antd4 icon图标怎么用名称加载，不用import导入

Question

在导航菜单在要用这个图标，但是数据是请求过来的，会在请求数据里有一个icon字段，只有一个名称，这个名称怎么和icon组件对应呢

Answer 1

const iconName = 'UserOutlined'


<Menu.Item icon={ React.createElement(require('@ant-design/icons')[iconName])}>首页</Menu.Item>

Answer 2

config defaultSettings.js

    // 你的iconFont的项目地址
  iconfontUrl: '//at.alicdn.com/t/xxxxxxxxxxxx5wd1s.js',

在icon里面直接使用
config config.js

{
        name: 'essentialData',
        path: '/essentialData',
        icon: 'icon-jichushuju',
}

这是我掘金的一篇关于使用iconFont的帖子 在Ant Design Pro的sider使用icon图标