Reactjs 链接按钮的材质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>

从“@material ui/icons/MailOutline”导入MailOutlineIcon；
登录按钮：{
textTransform:“无”，
宽度：“80%”，
背景色：“e8e8e8”
},
使用电子邮件登录

更改

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

到

演示：

改变

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

到

演示：

---

我尝试了两种方法。它不起作用了。按钮出现在这样的父元素中-当我检查它显示的按钮时-start icon=“[object object]我尝试了这两种方法。它不起作用。按钮出现在这样的父元素中-当我检查它显示的按钮时-start icon=“[object object]