Antd V4.x 动态创建Icon

项目中遇到需要根据icon type动态创建icon，

icon在v3.x版本时，使用方法如下，直接定义type值就可以了

<Icon type={iconType} />

今天项目中antd升级到4.x，官方的icon用法是：

import { HomeOutlined } from '@ant-design/icons';

ReactDOM.render(
  <div> <HomeOutlined /> </div>,
  mountNode,
);

此时需要动态生成icon标签了，方法如下：

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

export default function Index(props) {
  const dynamicIcon = React.createElement(
    Icons[props.iconType]
  );
  return (
    <div>{dynamicIcon} </div>
  );
}