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

Question

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

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

Answer 1

Material-ui 的MenuItem没有hrefprop，因此它将把它传递给根元素（li默认为 tag）。

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

结果：

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