如何使用href将菜单项重定向到链接？答案

【问题标题】：how to menu item redirect to a link using href?如何使用href将菜单项重定向到链接？
【发布时间】：2021-03-02 00:55:54
【问题描述】：

我正在使用来自material-ui 的MenuItem，并且我想在单击菜单项时在新选项卡中打开一个链接。我正在使用简单的： MenuItem href="www.google.com" onClick={handleClose}> Google </MenuItem>

但是什么也没发生。有人知道为什么吗？

【问题讨论】：

【解决方案1】：

你可以写在onClick={window.location.href = "www.google.com"}

【讨论】：

【解决方案2】：

Material-ui 的MenuItem 没有href 属性，因此它会将其传递给根元素（默认为li 标签）。

如果你想使用href，你需要使用a标签作为component，然后将href而不是li传递给它。要在新标签中打开它，您还需要给它一个 prop target="_blank"。

结果：

<MenuItem 
  href="www.google.com"
  target="_blank"
  component="a" 
  onClick={handleClose}
> Google </MenuItem>

【讨论】：