javascript - NextJS 表单向 MongoDB 发送数据

我是 JavaScript 新手，了解基础知识并且缺乏经验，但我想了解更多。我使用 NextJS 创建了一个项目，这是一个与 ReactJS 一起使用的轻量级框架，而我正在努力理解的是如何创建一个简单的表单，其中包含一个输入数据的字段，一旦单击提交，数据将是发送到 MongoDB 集合。

我设法将项目连接到 MongoDB 数据库并通过访问页面使其从集合中返回一些数据，但我试图了解如何执行此操作的结构，以将数据发送到集合。

我是否必须以某种方式制作一个 js 文件来引用另一个具有 MongoDB 配置的 js 文件并使用 connectToDatabase 函数并通过 js 文件中的简单 insertOne 查询发送提交数据？或者我是否必须将数据发送到另一个 js 文件，其中我有某种 API 配置并进行 POST？

如果您能就如何实现这一目标提出建议，将不胜感激。即使有一篇文章或任何可以帮助我更好地理解背后结构的东西。

谢谢你。

标签： javascriptreactjsmongodbformsnext.js

解决。我通过分析这个带有内置猫鼬的官方 NextJS 示例自己弄清楚了：https ://github.com/vercel/next.js/tree/canary/examples/with-mongodb-mongoose

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