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

Sne*_*neh 3 reactjs material-ui

Material UI 图标不会出现在variant=link充当超链接作用的按钮上。

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>
Run Code Online (Sandbox Code Playgroud)

小智 6

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>
Run Code Online (Sandbox Code Playgroud)

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