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

Question

使用 Material-UI 图标，如下所示 <AddOutlinedIcon />，我怎样才能真正使图标出现在我的导航菜单中，因为它显示 tags/word <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
    })
  )