Javascript Next.js无法在HOC中获取异步数据

Javascript Next.js无法在HOC中获取异步数据,javascript,node.js,reactjs,next.js,server-side-rendering,Javascript,Node.js,Reactjs,Next.js,Server Side Rendering,我正在编写一个HOC,它将从我的API获取用户数据,然后将道具传递给包装好的组件,这样,如果用户没有正确的角色,它就可以重定向用户 我的HOC在下面,但是getInitialProps函数不会触发。HOC在传递myNumprop时仍在正常工作 import React, { Component } from 'react'; function routeRedirect(C) { return class Higher extends Component { static asyn

我正在编写一个HOC,它将从我的API获取用户数据,然后将道具传递给包装好的组件,这样,如果用户没有正确的角色,它就可以重定向用户

我的HOC在下面,但是
getInitialProps
函数不会触发。HOC在传递
myNum
prop时仍在正常工作

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;
import React,{Component}来自'React';
功能路由直接(C){
返回类高级扩展组件{
静态异步getInitialProps(){
控制台日志(“GIP”);
等待获取('/api/getUsers');
}
render(){
返回;
}
};
}
导出默认路由直接;

知道我哪里出错了吗?

您没有从
getInitialProps
返回获取的数据


在中,它说:“当服务器呈现时,从getInitialProps返回的数据被序列化…”。

您如何调用该函数?我导出我的仪表板布局,就像导出默认RouterDirect(仪表板)