使用 Reactjs 发送电子邮件 [关闭]

Question

我正在尝试使用一个 API 来发送带有 JavaScript 的电子邮件，它被称为 SmptJs。当集成到一个简单的 HTML 文件中时，API 可以完美运行，但我不知道如何将它集成到 reactJs 组件中！

这里是 api 链接和文档：https://smtpjs.com/

我首先在我的 HTML 页面中尝试过，像这样：code of html file

它成功了，我收到了电子邮件。 但是我想在我的 React 组件中添加 api，特别是当我在表单中单击提交但出现错误并且我认为它与 ReactJs 语法不兼容时，这是图片：

code of react component the error msg

Answer 1

在这里查看简单的组件https://jsfiddle.net/92a68tmz/

你必须在你的 public/index.html 或者你的项目中的通用 index.html 文件中包含 smtpjs 的标签，你可以像这样使用它

 sendMail() {
     window.Email.send({
        SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
        To : 'them@website.com',
        From : "you@isp.com",
        Subject : "This is the subject",
        Body : "And this is the body"
    }).then(
  message => alert(message)
);

在你的onSubmit你直接使用这个

     const onSubmit = data => {
              window.Email.send({
                    SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
                    To : data.email,
                    From : "you@isp.com",
                    Subject : "This is the subject",
                    Body : "And this is the body" + data.firstname
                }).then(
                    message => alert(message)
      }

不需要单独的 Emailer 组件。