Next.js getServerSideProps 始终未定义

Col*_*ton 3 typescript reactjs next.js

我已经开始使用新的 Next 应用程序,并尽可能使用功能组件而不是基于类的组件。按照文档,我设置了以下内容,但没有成功:

import React from 'react';
import { GetServerSideProps, InferGetServerSidePropsType } from 'next';

export const getServerSideProps: GetServerSideProps = async () => {
    return {
        props: {
            results: [1,2,3],
        },
    };
};

function Page({results}: InferGetServerSidePropsType<typeof getServerSideProps>) {
    console.log(results) // undefined
    return (
        <div className="app__page header">page here</div>
    )
}

export default Page;
Run Code Online (Sandbox Code Playgroud)

无论我尝试什么,我都无法从 获取任何数据getServerSideProps,任何帮助将不胜感激!

Nik*_*lev 5

代码没有问题,但可能位置错误。

确保这是一个 Next.js 页面,并且位于仅在页面中允许的pages目录中。getServerSideProps

[1,2,3]您应该在服务器端和浏览器控制台中看到打印内容。

  • 我遇到了如上所述的确切问题,并且我的页面组件确实在页面目录中..我的仍然返回未定义..这可能是其他原因吗? (2认同)