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

Question

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

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

Answer 1

Material ui的MenuItem没有href道具，因此它会将其传递给根元素(默认情况下为li标记(。

如果要使用href，则需要使用a标记作为component，然后将href而不是li传递给它。要在一个新的选项卡中打开它，还需要给它一个道具target="_blank"。

结果：

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

Answer 2

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