React中使用mailto仅触发邮件草稿，是否为其正常功能？

这是mailto的固有功能，不存在配置遗漏的问题。

mailto协议的核心作用只是唤起用户本地的邮件客户端（比如Outlook、苹果邮件、Gmail网页客户端），并帮你预填收件人、主题、正文这些信息，但它完全没有权限触发邮件的自动发送操作——这是浏览器和邮件客户端出于安全和用户意愿的限制，防止恶意网站未经用户允许私自发送邮件。

如果用户打开客户端后没有手动点击发送就关闭，邮件就会被存为草稿；只有用户主动点击发送按钮，邮件才会被送达收件人。

如果你的需求是实现自动发送邮件，那么mailto无法满足，必须借助后端服务来实现：

• 后端通过邮件服务API（比如SendGrid、Mailgun）或者自建SMTP服务来处理邮件发送逻辑
• 前端通过接口请求后端，传递邮件相关参数，由后端完成发送操作

举个简单的React前端示例（仅展示前端请求逻辑，后端实现需自行补充）：

import React from "react";

function AutoSendEmailButton() {
  const handleAutoSend = async () => {
    try {
      const response = await fetch("/api/send-email", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          to: "sample@gmail.com",
          subject: "Working",
          body: "Hey there !"
        })
      });

      if (response.ok) {
        alert("邮件已自动发送");
      } else {
        throw new Error("发送请求失败");
      }
    } catch (err) {
      alert("邮件发送失败，请稍后重试");
    }
  };

  return <button onClick={handleAutoSend}>自动发送邮件</button>;
}

export default AutoSendEmailButton;

内容的提问来源于stack exchange，提问作者user19672461