我想在我的react应用程序中显示这样的弹出窗口单击此处。简单来说，我想在ReactJs 中启动和打开电子邮件客户端。我目前正在使用一个简单的 p 标签：
<p className="cnct_email_addr">Email US</p>
我知道有一种方法可以像这样使用 mailto：
<a href="mailto:someone@yoursite.com">Email Us</a>
但我想知道是否有更react性的方式来做这件事。如果有的话请告诉我。
如何启动和打开电子邮件客户端 ReactJS
IT技术
reactjs
react-redux
react-router
redux-form
mailto
2021-05-20 16:58:04
3个回答
您可以mailto使用打开链接window
window.open('mailto:email@example.com?subject=Subject&body=Body%20goes%20here')
const Mailto = ({ email, subject, body, children }) => {
return (
<a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{children}</a>
);
};
ReactDOM.render(
<Mailto email="foo@bar.baz" subject="Hello & Welcome" body="Hello world!">
Mail me!
</Mailto>,
document.getElementById('root')
);
参考链接。
您必须导入此“链接”
<Button onPress={() => Linking.openURL('mailto:support@example.com?subject=SendMail&body=Description') }
title="support@example.com" />