联系表格为用户提供了一种与网站所有者联系的便捷方式。在本教程中,我们将在 React 应用程序中设置一个简单的联系表单。提交表单后,我们将使用 Node.js 发送一封包含消息的电子邮件。
设置 React 应用程序
首先让我们使用Create React App设置 React 应用程序:
npx create-react-app react-contact-form
安装依赖
cd react-contact-form
npm install express cors nodemailer
express– 处理 POST 请求使用的路由。
cors– 允许前端和服务器之间的跨源资源共享。
nodemailer– 简化了使用 SMTP 的 Node.js 发送电子邮件。
创建联系表单组件
创建一个名为的新文件ContactForm.js并添加以下代码:
import React, {
useState } from