Javascript Next.js无法在HOC中获取异步数据
我正在编写一个HOC,它将从我的API获取用户数据,然后将道具传递给包装好的组件,这样,如果用户没有正确的角色,它就可以重定向用户 我的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
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(仪表板)