NextJS 表单向 MongoDB 发送数据

Question

我是JavaScript的新手，了解基础知识，缺乏经验，但我想了解更多。我使用 NextJS 创建了一个项目，它是一个与 ReactJS 一起工作的轻型框架，我很难理解的是我如何创建一个简单的表单，在一个字段中输入数据并单击提交后，数据将被发送到 MongoDB 集合。我设法将项目连接到 MongoDB 数据库，并通过访问页面使其从集合中返回一些数据，但我试图了解如何执行此操作的结构，以将数据发送到集合。我是否必须以某种方式制作一个 js 文件以引用另一个 js 文件，其中我有 MongoDB 配置并使用 connectToDatabase 函数并通过 js 文件中的简单 insertOne 查询发送提交数据？或者我是否必须将数据发送到另一个我有某种 API 配置并执行 POST 的 js 文件？如果您能就我如何实现这一目标提出建议，将不胜感激。即使有一篇文章或任何可以帮助我更好地理解背后结构的东西。

Answer 1

解决。

我用 3 个文件完成了它：一个用于输入数据的前端，一个用于将数据插入数据库的 API 调用，一个用于数据库模式。