如何使 Material UI 图标像锚标记一样？

How to make Material UI icon to act like anchor tag?

我有这个来自 material UI 的图标，我希望它可以点击并打开一个新的 window 到 www.linkedin.com

我应该使用 href="Linkedin.com" 吗？或添加 onClick ？我希望它能打开一个新的 tab/window 以及

这应该使用 Material-UI 图标来完成：

import LinkedInIcon from '@material-ui/icons/LinkedIn';
import IconButton from '@material-ui/core/IconButton';

<IconButton aria-label="Linkedin.com" onClick={() => window.open('https://www.Linkedin.com')}>
  <LinkedInIcon fontSize="large" />
</IconButton>

打开新页面：

onClick={() => window.open(newPageUrl, "_blank")}

要在同一个上打开：

onClick={() => window.location.replace(newPageUrl)}

CodeSandBox

有两种方法可以帮助你

  1. 您可以使用标签将图标插入标签并将 href="(URL)" 作为 属性到标签
  2. 您还可以使用 JavaScript onclick 函数，如下例所示 https://www.Linkedin.com=' + this.selectedIndex;"" >