如何将 mongoose/mongodb 连接到我的 React App.js 文件

Question

我看到的大多数教程都使用 express.js 文件来路由所有 get 和 post 请求。我正在使用 react-router-dom 使用 React 组件，我需要使用 express 吗？如果是，最好的方法是什么？到目前为止，这是我的应用程序在本教程的 1/4 之后的样子：https://www.youtube.com/watch?v=WDrU305J1yw&t=1693s

mongoose 代码可能放错了位置并破坏了应用程序。

import React, { Component } from 'react';
import { Route } from 'react-router-dom';
import mongoose from 'mongoose';

import '../styles/App.css';

import Input from './Input';

mongoose.connect(
  'mongodb://admin-01:PW@node-log-shard-00-00-ecvwz.mongodb.net:27017,node-shot-log-shard-00-01-ecvwz.mongodb.net:27017,node-shot-log-shard-00-02-ecvwz.mongodb.net:27017/test?ssl=true&replicaSet=node-shot-log-shard-0&authSource=admin&retryWrites=true',
  {
    useMongoClient: true
  }
);

class App extends Component {
  render() {
    return (
      <div>
        <div>
          <Route exact path='/' component={ Input } />
        </div>
      </div>
    );
  }
}

export default App;

Answer 1

最好和正确的方法是使用您喜欢的任何语言（javascript、java 等）拥有一个后端服务器，并将该服务器与您的数据库连接。然后在您的反应应用程序中，当您需要数据库中的数据时，您将向服务器发出请求，服务器将检索数据并将它们返回给您的反应应用程序。