Question

我正在使用React Form在基本的React登录页面中创建联系表单，当用户按提交时，我希望将数据发送到特定的电子邮件地址（例如info@info.com）。如果这是一个菜鸟问题，我就是这样的，但我似乎无法找到答案！

//the state  
constructor(props) {
super(props);
//this.handleSubmit = this.handleSubmit.bind(this);
this.state = {};

}

//the form
<Form onSubmit={submittedValues => this.setState( { submittedValues } )}>
        { formApi => (
          <form onSubmit={formApi.submitForm} id="form2">
            <label htmlFor="firstName">First name</label>
            <Text field="firstName" id="firstName" />
            <label htmlFor="lastName">Last name</label>
            <Text field="lastName" id="lastName" />
            <label htmlFor="email">Email"</label>
            <Text field="email" id="email" />
            <label htmlFor="subject">Subject</label>
            <Text field="subject" id="subject" />
            <label htmlFor="message">Message</label>
            <TextArea field="message" id="message" />
            <button type="submit" className="mb-4 btn btn-primary">Submit</button>
          </form>
        )}
      </Form>

Answer 1

您可以通过执行以下步骤来完成此操作：

首先，你需要一个后端（服务器端）的脚本，它会发送一封电子邮件，无论你传递的数据是什么。
其次，您需要在服务器端向该脚本发送Ajax请求，并传递您需要通过电子邮件发送的所有数据。

如果您在服务器端使用PHP，则可以使用 PHP的邮件功能，或者您可以使用您选择的任何库。

使用react-form将表单数据发送到特定的电子邮件地址

1 个答案: