Material ui 如何将mailto与物料界面一起使用？

正在尝试查找如何在材质UI中使用mailto。我试着在ListItem中使用一个简单的标记，我试着使用

我也试过了

<ListItem button >
   <i class="material-icons mail_outline">mail_outline</i>
   <ListItemText primary="Support" />
  <a href="mailto:name@email.com"></a>
</ListItem>

邮购提纲

---

我试图在MaterialUI的网站&Github上找到关于这个的信息，但什么都没有。我真的很感谢你的帮助

Mailto是电子邮件地址的统一资源标识符（URI）方案。它用于在网站上生成超链接，允许用户将电子邮件发送到特定地址，而无需先将其复制并输入电子邮件客户端

<ListItem>
   <a href="mailto:someone@example.com" target="_top">Send Mail</a>
</ListItem>

---

上述代码在包含材质UI库的ReactJs中运行良好。

这是我使用材质UI的方式：

    <FormControlLabel
        control={
            <a target="_top"
                rel="noopener noreferrer"
                href="mailto:test@example.com">
                <IconButton color="primary">
                    <EmailOutline /> {/* icon */}
                </IconButton>
            </a>
        }
        label={"test@example.com"}
        labelPlacement="end"
    />

---

如果将组件设置为

a

（超链接标记），则可以使用

href

属性设置电子邮件

因此，您将得到以下行

<ListItem button key="Email" component="a" href="mailto:name@email.com">

---

我基于@Gary Vernon Grubb的答案，将其添加到一个按钮中

<Button
   variant="contained"
   size="large"
   color="primary"
   target="_top"
   rel="noopener noreferrer"
   href={`mailto:test@example.com`}
>
   <Typography variant="button" style={{ fontSize: '0.69rem' }}>
      Send Documents
   </Typography>
</Button>

发送文件