next.js - 从 getServerSideProps 传递给 Page 的 Prop 始终未定义

Question

我正在使用 nextjs 9.3.5，即使是最简单的 getServerSideProps 示例也总是失败:

function Page({ data })
{
    //Prints undefined
    console.log(data);

    return <div>Data in props: {data}</div>
}

export async function getServerSideProps()
{
    var data = "Hello";

    //Prints "Hello"
    console.log(data);

    return { props: { data } };
}

export default Page

这基本上是对 nextjs 网站上非常简单的示例的剪切和粘贴。 getInitialProps 工作正常。

Answer 1

如果您根据 official documentation 将 _app.js 文件添加到您的项目中你需要在里面添加 Component 和 pageProps，这里是 _app.js 文件的最小实现。

function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />
}

export default MyApp