Ant Design4.0 Icon的使用问题

因为4.0是直接写Icon组件的名称，我想先定义好icon的名称然后循环渲染，如下图

但是渲染出来如下图都是字符串

标红的地方要怎么样才能在页面把Icon组件渲染出来啊，太难了救救我。。。。

阅读 7.5k

写一个方法获取Icon

export const getIcon = string => {
    return {
        AuditOutlined:<AuditOutlined/>,
        AppstoreAddOutlined:<AppstoreAddOutlined/>,
        ContactsOutlined:<ContactsOutlined />,
        ControlOutlined:<ControlOutlined/>,
        FormOutlined:<FormOutlined/>,
        FileTextOutlined:<FileTextOutlined/>,
        HighlightOutlined:<HighlightOutlined/>,
        ProfileOutlined:<ProfileOutlined/>,
        TeamOutlined:<TeamOutlined/>,
        TagsOutlined:<TeamOutlined/>,
        CopyOutlined:<CopyOutlined/>,
        CheckCircleOutlined:<CheckCircleOutlined/>,
        ExclamationCircleOutlined:<ExclamationCircleOutlined/>,
        BlockOutlined:<BlockOutlined/>
    }[string]}

<MenuItem key={item.key} icon={getIcon(item.icon)}>{item.name}</MenuItem>

Ant Design4.0 Icon的使用问题

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

请问开发React Native，一般是推荐哪个主流的UI库呢？

快开发完的Vue3项目要做SEO该如何处理？