Облачный Firestore и nextjs - getInitialProps и асинхронные данные

Question

Я пытаюсь получить документ, используя метод getInitialProps из nextjs.Однако он возвращает Обещание с состоянием «в ожидании».Вот мой код:

  static async getInitialProps(context) {
    const { id } = context.query;

    await db
      .collection('clients')
      .doc('JJqyDI8a1ILqnqmp2gcO')
      .get()
      .then(doc => ({
        data: doc.data(),
      }));

    console.log(data); // logs pending

    return {
      client: data,
    };
  }

Не могу найти ни одного примера.

Answer 1

Все асинхронные функции возвращают обещание.

Я не вижу, как вы получаете доступ к data, потому что когда вы открываете console.log, он уже выходит за рамки.

Сделайте что-то вроде этого:

  static async getInitialProps(context) {
    const { id } = context.query;

    const data = await db
      .collection('clients')
      .doc('JJqyDI8a1ILqnqmp2gcO')
      .get()
      .then(doc => ({
        ...doc.data(),
      }));


    return {
      client: data,
    };
  }

Это должно сделать его доступным для props.client