动态图标

import {AndroidOutlined, PlusOutlined, WeiboOutlined} from "@ant-design/icons";

//定义图标类型
type tplotOptions = {
    [key: string]: React.ForwardRefExoticComponent<any>
}

const Icons: tplotOptions = {
    ‘AndroidOutlined‘: AndroidOutlined,
    ‘PlusOutlined‘: PlusOutlined,
    ‘WeiboOutlined‘: WeiboOutlined,
}

let icon: string  = item.icon || ‘AndroidOutlined‘

const MyIcon = Icons[icon]; // key 是传入的 string

<MyIcon style={{fontSize: ‘56px‘, color: ‘#08c‘}}/>

动态图标

原文：https://www.cnblogs.com/yaoyao66123/p/14692059.html