Question

带有variant=link的按钮上没有显示材料UI图标，就像超级链接一样。

import MailOutlineIcon from '@material-ui/icons/MailOutline';

signInButton: {
    textTransform: "none",
    width: "80%",
    backgroundColor: "#e8e8e8"
  },

<Button 
   variant="link"
   color="default"
   className={classes.signInButton}
   startIcon={<MailOutlineIcon />}
   href="/signin"
>
   Sign in with Email
</Button>

Answer 1

更改

import MailOutlineIcon from '@material-ui/icons/MailOutline';

到

import MailOutlineIcon from '@material-ui/icons/MailOutlined';

演示：

https://codesandbox.io/s/material-demo-zj2jx

Answer 2

import GitHubIcon from '@material-ui/icons/GitHub';
import Link from '@material-ui/core/Link';
<Link href="http://www.google.com" className={classes.link} target="_blank" >
    <GitHubIcon/>
</Link>

在单击 GitHubIcon 时，您将重定向到新选项卡，因为 target="_blank" 这个......并且 target="_blank" 是可选的

链接按钮的材质UI图标不起作用

2 个答案: