在使用react和EmailJ的表单中通过onSubmit传递第二个参数

import React, { useState } from 'react';
import emailjs from 'emailjs-com';

function MyForm() {
  const [secondParam, setSecondParam] = useState('');

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

    // 获取用户输入的数据
    const formData = new FormData(e.target);
    const userEmail = formData.get('email');

    // 调用EmailJ的API发送电子邮件
    emailjs.send('<YOUR_SERVICE_ID>', '<YOUR_TEMPLATE_ID>', {
      to_email: userEmail,
      second_param: secondParam,
    }).then((response) => {
      console.log('Email sent successfully!', response.status, response.text);
    }).catch((error) => {
      console.error('Failed to send email:', error);
    });
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Email:
        <input type="email" name="email" required />
      </label>
      <label>
        Second Parameter:
        <input type="text" value={secondParam} onChange={(e) => setSecondParam(e.target.value)} />
      </label>
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;