如何使用python检索MongoDB文档并使用ReactJS显示它们

如何解决如何使用python检索MongoDB文档并使用ReactJS显示它们

我有这个简单的后端代码来获取mongodb中的所有文档。

但是我需要一些关于如何在后端和前端正确执行此操作的见识。

这就是我的API用python编写的样子

import pymongo
import datetime

@app.route("/retrieve",methods=["POST","GET"])
def retrieve_all_documents():
    client = pymongo.MongoClient(
        "mongodb+srv://<user>:<pw>@cdap-cluster.rqw3s.mongodb.net/<db>-cluster?retryWrites=true&w=majority"
    )
    # database
    db = client.cdap

    # collection (table)
    collection = db.predicted_values

    cursor = collection.find({})

    documents_ = []

    for document in cursor:
        documents_.append(document)
        print(document)


    return documents_   

我想知道，这种方法是否有效？ （创建列表并附加每个文档）

假设我有一个像这样的前端：

 const res = await axios.post(predict_form_upload_url,dataframe).then(
          (response) => {
            let {
              documents_
            } = response.data;
           
          },(error) => {
            console.log(error);
          }
        );

那么，现在如何遍历documents_并尝试在html表中显示这些值？

从mongodb检索到的每个文档具有以下值：

_id: objectID(1175735753753)
Name: "ABC"
Age: 10

documents_有许多这样的文件（因为有50多个文档）

如何正确地迭代并将它们显示在表格中？

我是新来的反应者，仍然学习。所以决赛桌看起来像这样

----------|----------|----------|
_id           Age        Name
----------|----------|----------|
some value    10         ABC
----------|----------|----------|
some value    20         BCD
----------|----------|----------|
some value    30         BBB
----------|----------|----------|
.
.
.
----------|----------|----------|