如何从异步函数中导出/读取数据，该函数查询firebase

Question

通过创建项目来学习如何使用反应。

我正在尝试通过将其添加到集合中来过滤数据。然后，我试图在一定时间内添加所有 totalcalories ，以便我可以使用React以形式显示它。

但是，我不知道如何获得 TotalCalories 的价值，也可以获取其他领域，例如用餐时间。我想在我的 app.js 中显示所有这些内容，但是当我这样做时，我会变得不确定，或者说承诺待定。

任何帮助将不胜感激。 谢谢

firebase.js

    export async function run() {
      const time = 48;
      const timediff = moment(new Date()).subtract(time, "hours")._d;
      await db
        .collection("/food/meals")
        .where("mealTime", ">=", timediff)
        .get()
        .then((qSnapshot) => {
          let totalCalories = 0;
          qSnapshot.forEach(function (doc) {
            totalCalories += doc.data().calories;
            console.log(doc.id, " -> ", doc.data());
          });
          console.log(totalCalories);
          return totalCalories;
        })
        .catch(function (error) {
          console.log("Error getting documents: ", error);
        });
    }
    
    run(); //returns nothing 
    console.log(run()); //Promise {<pending>}
    
    console.log(run().totalCalories); //undefined

Answer 1

尝试一下：

而不是：

await db...

=＆gt;

return db...

运行不需要成为异步函数，

run().then(totalCalories => console.log('totalCalories :', totalCalories));

现在运行返回承诺，当解决此诺言时，它会返回DB查询

完整代码返回的总标准：

function run() {
    const time = 48;
    const timediff = moment(new Date()).subtract(time, "hours")._d;
    return db // this is returned by the function (as a promise)
      .collection("/food/meals")
      .where("mealTime", ">=", timediff)
      .get()
      .then((qSnapshot) => {
        let totalCalories = 0;
        qSnapshot.forEach(function (doc) {
          totalCalories += doc.data().calories;
          console.log(doc.id, " -> ", doc.data());
        });
        console.log(totalCalories);
        return totalCalories; //this is returned by db query
      })
      .catch(function (error) {
        console.log("Error getting documents: ", error);
      });
  }

// if your code is an ES6 module
let result = await run(); 
console.log('Result :', result);

// else
run().then(result => console.log('Total : ', result));

// to export this as ES6 Module
export { run }
// or
export default run;

要返回所有数据 +计算的值totalcalories，您可以做：

return { ...doc.data(),  'totalCalories': totalCalories };