如何使 Material UI 图标表现得像锚标签？

Question

我有一个来自 Material UI 的图标，我希望它可以点击并打开一个新窗口到 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)}

代码沙盒