使用带有反应挂钩表单的 EmailJS 发送电子邮件时出错答案

【问题标题】：Error When sending an email using the EmailJS with react hook form使用带有反应挂钩表单的 EmailJS 发送电子邮件时出错
【发布时间】：2022-11-13 21:29:17
【问题描述】：

我使用“react-hook-form”构建了一个表单，现在在提交时我想使用 mailjs 发送一封电子邮件，但它返回了这些错误：

sendPost.js:22 POST https://api.emailjs.com/api/v1.0/email/send-form 422 (Unprocessable Entity)
The recipient address is empty

这是我发送电子邮件的功能：

const sendEmail = (e) => {    

    emailjs.sendForm('ServiceID', 'TemplateID', form.current, 'USERID')
      .then((result) => {
          console.log(result.text);
          alert("Sucess!")
          navigate('/results')
      }, (error) => {
          console.log(error.text);
      });
      
  };

这是我的表格：

return(
        <div className='box'>
            <div className='login-section'></div>
                <div className='login-text'>Thanks for answering the quiz, your score is {location.state.score} Please insert your name and email to send the results</div>
                <form ref={form} onSubmit={handleSubmit(sendEmail)}>
                    <label>
                        Name
                        <input type='text' name='user_name' {...register("name", { required: true })}/>
                        <span>{errors.name?.message}</span>
                        
                    </label>
                    <label>
                        Email
                        <input type='text' name='user_email' {...register("email" , { required: true })}/>
                        <span>{errors.email?.message}</span>
                    </label>
                        <input type='hidden' name='score' value={location.state.score}/>
                    <button type='submit'>Send</button>
                </form>
        </div>
    )

不知道这里发生了什么，对我来说这似乎都是正确的，有什么线索吗？

【问题讨论】：

标签： reactjs

【解决方案1】：

看起来 onSubmit={sendEmail} 应该为你做这项工作。

【讨论】：