Javascript 在react应用程序中简单连接到mongodb

我使用“创建反应应用程序”创建了简单反应应用程序。此应用程序包含表单、验证和引导功能。没有什么比符咒更神奇的了

我还注册了mongo以获得一个免费集群，这样我就可以将一些数据发送到。所以我有一个网址：

mongodb+srv://matt:passwprd@cluster0-jlasm.mongodb.net/test

现在，我只想把表单中的json数据发送到mongo，但我不知道如何发送

当我遵循教程并安装mongodb、mongoose或其他软件包，并为将来的CRUD操作添加基本设置时：

var MongoClient = require('mongodb').MongoClient
  , assert = require('assert');

// Connection URL
var url = 'mongodb+srv://mattOsuch:brainhub123@cluster0-jlasm.mongodb.net/test';

// Use connect method to connect to the server
MongoClient.connect(url, function(err, db) {
  assert.equal(null, err);
  console.log("Connected successfully to server");

  db.close();
});

整个应用程序崩溃：

./node_modules/mongodb-core/lib/uri_parser.js
Module not found: Can't resolve 'dns' in 'C:\Users\Mateusz\Desktop\brainhub\node_modules\mongodb-core\lib'

我曾经在PHP中使用jquery或mysql_查询发送数据，但我无法克服这个问题。换句话说，我想实现像本视频中介绍的功能：正如我所说的，简单的数据更新

我怀疑react脚本服务器侦听器与mongo存在某种冲突，但我不确定

---

请帮助我，因为我正在放松神经。

您正在使用node.js，因此启动服务器应用程序尝试使用快速路由此处是指向教程的链接或尝试进行谷歌搜索（node.js mongodb和express）

---

然后，当从服务器返回请求时，发送所需数据，然后使用react客户端处理接收到的数据

一般来说，您希望在服务器端构建此类功能（数据库CRUD），而react应用程序则在客户端运行。您所做的是不安全的，因为您正在将数据库凭据硬编码到客户端应用程序中，任何访问者都可以查看该应用程序的源代码。good comment@niels+@NielsdeBruin，那么开发该应用程序的正确方法是什么？我至少需要一些提示，因为我的想法已经没有了。@mateuszo这样的建议不应该在React中完成。要做到这一点，您需要一个单独的服务器端应用程序/API。React会调用API。如果你的React应用程序是车内的仪表板，那么你是在问我如何制造引擎。。构建后端有很多选项，但由于您已经在使用Javascript，因此可以搜索有关如何使用Mongoose构建Node.js应用程序的教程。它可以为您呈现React视图，或者您需要构建一个API。无论哪种方式，这都是一个完全不同于编写React应用程序的故事，但这是正确的方法。