Question

我在mLab上有一个mongoDB数据库，我的反应应用程序安装了mongoJs模块。

有人能告诉我一个简单的工作示例如何从mongoDB集合中获取所有条目并在<div> react组件中呈现它们吗？我真的很感激。

import React from 'react';
var mongojs = require("mongojs");


var db = mongojs('mongodb://user:password@database_address/db_name', ['collection_name']);   


class MongoComponent extends React.Component {
   return (


}

我似乎无法在互联网上找到任何使用飞机的例子。

Answer 1

你需要3件事来处理服务器中的数据，并使用MpngoDB

1-数据库

2- API

3-接口客户端

你想使用mongodb作为数据库并使用ReactJS进行访问API并在你的应用程序的前端创建接口

在反应应用程序中，你可以使用带有API的CRUD工作，例如axios，fetch，......

例如，您有一个API（yourapp.com/myapi）

如果你想要反向dada，你只需在axios或fetch方法中传递这条路径

 axios.get('yourapp.com/myapi')

并且此方法为您提供了类似这样的方法

 .then( )

并且在此方法中，您具有访问数据，该数据从服务器作为数据属性

进行检索

 .then( (data) => {} )

您可以使用此数据，例如

 .then(({data}) => {
                    // this syntax just for easy understandig
                    // you can use set.state
                    this.state.name= data.name;
                    this.state.id= data.id;
                });

有人能给我一个在react js组件中使用mongojs的非常简单的工作示例吗？

1 个答案: