Question

我使用＆＃39; create-react-app＆＃39;创建了简单的反应应用。这个应用程序包含表单，验证和引导程序。没有任何花哨的东西可以像魅力一样。

我还注册了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）。

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

Answer 2

因为我还无法添加评论，所以我想给你一些我跟着学习用node.js表达的tutorails。你可以用快递mongodb做你需要的。所以我建议学习快递。

https://www.youtube.com/playlist?list=PLillGF-RfqbYRpji8t4SxUkMxfowG4Kqp

如果您愿意，请按照

进行操作

在反应应用

2 个答案: