reactjs - getInitialProps() 应该解析为一个对象。但是却发现了 "undefined"

Question

我正在尝试使用 getInitialProps 从 firebase 获取数据到我的 next.js 应用程序，但数据显示在 VS Code 终端中(以及一些错误)。但是，在浏览器中，我收到此消息

请检查代码

// Other import code
import { firestore } from "../firebase/firebase.utils";

const Hotels = (props) => {
  return (
    // jsx code
  );
};

Hotels.getInitialProps = async (ctx) => {
  let hotelsRef = firestore.collection("hotels");
  let query = hotelsRef
    .get()
    .then((snapshot) => {
      if (snapshot.empty) {
        console.log("No matching documents.");
        return;
      }

      snapshot.forEach((doc) => {
        console.log(doc.id, "=>", doc.data());
        return { props: doc.data() };
      });
    })
    .catch((err) => {
      console.log("Error getting documents", err);
    });
};

export default Hotels;

感谢任何帮助。

Answer 1

我认为你应该从 getInitialProps 的对象返回，但在你的情况下你没有返回任何东西，也没有使用 async await

给你:

Hotels.getInitialProps = async (ctx) => {
    let hotelsRef = firestore.collection("hotels");
    let snapshot = await hotelsRef.get()
    if (snapshot.empty) {
        console.log("No matching documents.");
        return;
    }
    let data = []
    snapshot.forEach((doc) => {
        console.log(doc.id, "=>", doc.data());
        data.push(doc.data());
    });
    return { props : data };
};