React Native 集成AWS SES实现找回密码邮件发送报错问题求解

• 当前写法是React类组件、函数组件的规则混拼，完全无法正常运行：
  1. 你在文件里引入了useState但没有按函数组件规则初始化状态，反而在submitForm内同时使用this.state、this.setState、this.useState三种不同的状态调用方式——这个脱离class组件的函数作用域里根本不存在this引用，触发输入、点击提交时直接抛undefined报错
  2. 提交请求的参数结构完全错误：把请求接口地址塞到了请求payload内部，没有定义post方法的请求路径、请求方法，实际发送请求时根本找不到接口地址
  3. 按钮绑定的onPress={() => submitForm()}没有传递任何参数，但你定义的submitForm形参是解构({event})，逻辑匹配不上
  4. TextInput组件的状态更新用了this.setState，同样因为没有类组件的this上下文，输入邮箱时直接报错

• 整个接口是async函数，但全程没有给前端返回任何响应：请求发过来之后服务端只在本地打印邮件发送日志，没有调用res.send()/res.json()返回状态，前端请求会一直挂起直到超时，对应遇到的接口超时、跨域类报错
• nodemailer调用逻辑的漏项：
  1. 没有读取前端传递的用户邮箱参数，收件人字段是硬编码写死的测试邮箱，完全没走“给用户输入的邮箱发验证码”的业务逻辑
  2. 发件人地址support@ecomerce.com如果没有在AWS SES控制台单独完成域验证、配置对应的SPF/DKIM解析记录，哪怕账号整体走完了验证流程，SES也会直接拒绝发送，返回554权限错误
  3. 邮件发送的错误只在服务端控制台打印，没有把错误状态返回给前端，前端拿不到任何失败提示
• SMTP配置的常见匹配错误：核对你填的SMTP账号密钥的所属地域，和配置的hostemail-smtp.ap-southeast-1.amazonaws.com保持一致，跨地域填SMTP凭证会直接触发认证失败

• 前端统一组件写法：用函数组件规则初始化状态，替换掉所有错误的this调用：把邮箱值、提交状态、错误提示全部替换成useState定义的变量，提交时显式指定post请求的接口地址为/user/forgotpassword，请求体里携带用户输入的邮箱字段，不要把URL塞到请求体里
• 后端接口补全逻辑：
  1. 从req.body中取出前端传递的邮箱值，先做格式合法性校验
  2. 把mailOptions的收件人字段替换为用户输入的合法邮箱，发件人字段替换为你在SES中已经完成验证的发件地址
  3. 把nodemailer的transporter实例提到接口外全局初始化，不要每次请求都重新创建SMTP连接
  4. 邮件发送的成功、失败分支都要给前端返回对应的状态码和提示信息，不要只在服务端打日志

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