从 Firestore 获得异常响应

Question

这些时候我正在学习如何使用 Firebase 并做出反应 现在，我创建了一个“用户”集合并向其中添加了一个名为“one”的测试文档，如下所示。 但是，当我尝试获取此文档时，我得到了许多可能与该文档无关的数据。

我在这里创建文档并从中获取数据

import { createContext } from "react";
import { db } from "../firebase";

const DbContext = createContext();

export const useDb = () => {
  return useContext(DbContext);
};

export const DbProvider = ({ children }) => {

  //creating "one" doc 
  const uploadToDb = (
    email,
    photo,
    userName,
    gender,
    age,
    phone,
    country,
    city
  ) => {
    return db.collection("users").doc("one").set({
      photo,
      userName,
      gender,
      age,
      phone,
      country,
      city,
    });
  };

  //get data from doc
  const getFromDb = (email) => {
    var dbRef = db.collection("users").doc("one");

    return dbRef.get();
  };

  const value = { uploadToDb, getFromDb };

  return <DbContext.Provider value={value}>{children}</DbContext.Provider>;
};

我在这里尝试获取并打印我正在获取的数据

  useEffect(() => {
    const getDetails = async () => {
      try {
        const res = await getFromDb(currentUser.email);
        console.log("res", res);
      } catch (error) {
        console.error(error);
      }
    };
    getDetails();
  }, []);

控制台显示

“DB”是我从 firebase.js 文件中导出的 firebase/firestore 的名称

Answer 1

您的getFromDb 方法返回您正在打印的文档快照。如果您想在该对象中获取数据，则需要按照@AmitTiwary 所述进行打印：

使用res.data()从res获取数据到console.log("res "+res.data());

应该根据DocumentSnapshot返回一个json对象