哎呀... {"status":422,"text":"收件人地址为空"}

Question

这里是保存电子邮件和 emailjs 函数的表单组件...... 我不断收到此错误 哎呀... {"status":422,"text":"收件人地址为空"} 在警报框中。 我不想使用来自默认 emailjs 文档的 useRef()...我想使用 useState() 。原因是因为我想在输入字段中使用 value 关键字，这就是为什么我不能使用 useRef() 但可以使用 useState()

import React, { useState } from "react";
import emailjs from "@emailjs/browser";

const Email = () => {
  const [name, setUsername] = useState("");
  const [email, setUserMail] = useState("");
  const [subject, setSubject] = useState("");

  const sendEmail = (e) => {
    e.preventDefault();

    const templateParams = {
      email: email,
      name: name,
      subject: subject,
    };

    emailjs
      .send(
        "service_qr2skm6",
        "template_7w1kzkl",
        templateParams,
        "4s6BipyV-2FaHmzWb"
      )
      .then(
        (response) => {
          console.log("SUCCESS!", response.status, response.text);
        },
        (err) => {
          console.log("FAILED...", err);
        }
      );
  };

  return (
    <div>
      <form onSubmit={sendEmail} id="contact-form">
        <label htmlFor="user_name">Name:</label>
        <input
          type="text"
          id="user_name"
          name="name"
          value={name}
          onChange={(e) => setUsername(e.target.value)}
        />
        <br />
        <label htmlFor="user_email">Email:</label>
        <input
          type="email"
          id="user_email"
          name="email"
          value={email}
          onChange={(e) => setUserMail(e.target.value)}
        />
        <br />
        <label htmlFor="subject">Subject:</label>
        <input
          type="text"
          id="subject"
          name="subject"
          value={subject}
          onChange={(e) => setSubject(e.target.value)}
        />
        <br />
        <button type="submit">Send</button>
      </form>
    </div>
  );
};

export default Email;

Answer 1

{
"accessToken": "",
"service_id": "",
"template_id": "",
"template_params": {
    "recipient": "[email protected]"
},
"user_id": ""

}