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

Question

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