Next.js 無法在 HOC 中獲取異步數據

Question

我正在編寫一個 HOC，它將從我的 API 中獲取用戶數據，然后將 props 傳遞給包裝的組件，以便如果用戶沒有正確的角色，它可以重定向用戶。

我的 HOC 在下面，但是getInitialProps function 不會觸發。 盡管myNum道具被傳遞下來，但 HOC 仍在原則上工作。

import React, { Component } from 'react';

function routeRedirect(C) {
  return class Higher extends Component {
    static async getInitialProps() {
      console.log('GIP');
      await fetch('/api/getUsers');
    }

    render() {
      return <C {...this.props} myNum={42} />;
    }
  };
}

export default routeRedirect;

有什么想法我哪里出錯了嗎？

Answer 1

您沒有從getInitialProps返回獲取的數據。

在文檔中它說：“從 getInitialProps返回的數據在服務器渲染時被序列化......”。