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

Answer 2

这应该是作为道具返回的json结构。

尝试一下：

export async function getServerSideProps() {
  const data = {title:"Hello Sir"};
  return { props:  data }
}

从getServerSideProps传递给Page的props始终是未定义的

2 个答案: