问题描述：

我按照老师的建议，修改了后端数据，并且将各个图标逐一引用，但是图标没有显示出来，原因可能是浏览器对内容自动转义了？

相关截图(后端数据)：

相关代码(渲染导航栏的item)：

getMenuItems() {
        return this.state.list.map(item => {
            return (
                <Menu.Item key={item.id} >
                    <Link to={`/${item.id}`}>
                        {item.icon}{item.title}
                    </Link>
                </Menu.Item >
            )
        });
    }

相关代码(组件引用)：

import { UsergroupDeleteOutlined, IdcardOutlined, DingdingOutlined, GoogleOutlined, WechatOutlined, DribbbleOutlined } from '@ant-design/icons';

相关截图(渲染结果)：

麻烦老师解答啦