在React App中与MongoDB的简单连接

Question

我已经使用'create-react-app'创建了简单的React应用。该应用程序包含表单，验证和引导程序。没有什么幻想能像魅力一样发挥作用。

我还注册了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_query发送数据，但无法克服此问题。换句话说，我想实现本视频中介绍的功能：https : //www.youtube.com/watch?v= Jsqz5op4fH8正如我所说的，简单的数据更新。

我怀疑react-scripts服务器侦听器与mongo有某种冲突，但我不确定。

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

Answer 1

您正在使用node.js，因此启动服务器应用程序尝试使用快速路由，这里是教程的链接https://zellwk.com/blog/crud-express-mongodb或https://codeburst.io/hitchhikers-guide-to -back-end-development-with-examples-3f97c70e0073或尝试进行谷歌搜索（node.js mongodb 和express）。

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