Component.getInitialProps is not a function

Question

报错报题目的错误

Answer 1

宝求cross 2020-07-21 05:37:38

起初我也一直报这个错误，但是始终没有找到哪里不对，后来我查了一下官方文档，自定义的App可以写成下面的形式。

import App from "next/app";

function MyApp({ Component, pageProps }) {

return <Component {...pageProps} />;

}

MyApp.getInitialProps = async (appContext) => {

const appProps = await App.getInitialProps(appContext);

return { ...appProps };

};

export default MyApp;

这样就不报错了，而且看起来代码更简洁。你可以试一试。

Answer 2

Jokcy 2019-05-14 21:56:32

你没有给页面设置getInitialProps方法吧

• MaoGirlsQueen #1

  props在本身调用的组件里 让然后又在_app 往下传一下 不这样不也是一样的么  要是统一调用的话 还行 不统一 就没有意义了吧

• Jokcy 回复 MaoGirlsQueen #2

  没看懂你的意思，如果你要覆盖_app的getInitialProps，你就要主动调用具体页面组件的getInitialProps，所以要自己判断是否调用

• MaoGirlsQueen 回复 Jokcy #3

  我的意思是说  在具体页面我就可以用props。然后在_app里我还要判断下具体页面有没有  这样的意义是什么呢？如果要全局传递的话  还有些意义  要不这样做的意义  是什么？要是全局都能使用变量就通过这样的方法？

点开查看后面2条评论