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

时间:2018-11-27 00:09:38

标签: javascript reactjs mongodb mongoose

我看到的大多数教程都使用express.js文件来路由所有获取和发布请求。我正在使用带有react-router-dom的React组件,我需要使用express吗?如果是,最好的方法是什么?到目前为止,本教程的1/4以下是我的应用程序的外观:https://www.youtube.com/watch?v=WDrU305J1yw&t=1693s

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

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;

1 个答案:

答案 0 :(得分:1)

做到这一点的最佳和正确的方法是使用您喜欢的任何语言(javascript,java等)安装一个后端服务器,并将该服务器与数据库连接。然后,在您的React应用程序中,当您需要数据库中的数据时,您将向服务器发出请求,服务器将检索数据并将它们返回给React应用程序。