Question

我在材料界面中有此图标，我希望使其可单击并打开一个新窗口，访问www.linkedin.com

我应该使用href =“ Linkedin.com”吗？或添加onClick？我希望它也能打开一个新的标签/窗口

Answer 1

这应该使用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

Answer 2

有两种方法可以帮助您

您可以在标签中使用标签插入图标，并将href =“（URL）”用作属性放入标签
您还可以使用JavaScript onclick函数，如下例所示 https：//www.Linkedin.com='+ this.selectedIndex;“”>

如何使Material UI图标充当锚标签？

2 个答案: