无法在导航菜单中显示实际的material-ui图标

Question

使用Material-UI图标，如<AddOutlinedIcon />如下所示，我如何才能使图标出现在我的导航菜单中，因为它在我的菜单名称之前显示标签/单词<AddOutlinedIcon />?

不确定是否需要转义以显示实际图标?

它实际上应该在我的菜单名称之前显示一个+图标。

const menuList = [];
myMenu.map(menuListItem =>
menuList.push({
id: menuListItem.manu_name,
icon: '<AddOutlinedIcon />',          
active: false
})
)

Answer 1

您是否尝试将AddOutlinedIcon作为字符串值删除?

const menuList = [];
myMenu.map(menuListItem =>
menuList.push({
id: menuListItem.manu_name,
icon: <AddOutlinedIcon />,          
active: false
})
)