如何启动并打开ReactJS电子邮件客户端

Question

我想在我的React应用程序中展示一个弹出框，类似于这里。简单来说，我想在ReactJs中启动和打开电子邮件客户端。目前我正在使用一个简单的p标签：

 <p className="cnct_email_addr">Email US</p>

我知道可以像这样使用mailto：

<a href="mailto:[e-mail]">Email Us</a>

但我想知道是否有更符合React方式的方法。如果有，请告诉我。

- K.SINGH

Answer 1

您可以使用 window 打开 mailto 链接

window.open('mailto:[e-mail]?subject=Subject&body=Body%20goes%20here')

- Hatem

Answer 2

const Mailto = ({ email, subject, body, children }) => {
  return (
    <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{children}</a>
  );
};

ReactDOM.render(
  <Mailto email="[e-mail]" subject="Hello & Welcome" body="Hello world!">
    Mail me!
  </Mailto>,
  document.getElementById('root')
);

参考链接。

- paridhi pathak

Answer 3

你必须导入这个“Linking”

<Button onPress={() => Linking.openURL('mailto:[e-mail]?subject=SendMail&body=Description') }
              title="[e-mail]" />

- Roni Antonio

---

这是针对React Native的。它只适用于移动应用程序。我需要它用于ReactJs的Web应用程序。 - K.SINGH