reactjs - Next.js getServerSideProps 始终未定义

Question

我从一个新的 Next 应用程序开始，并尽可能使用功能组件而不是基于类的组件。关注documentation ，我没有运气就设置了以下内容:

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;

无论我如何尝试，我都无法从 getServerSideProps 获取任何数据，我们将不胜感激任何帮助!

Answer 1

代码没有问题，但它可能在错误的地方。

确保这是一个 Next.js 页面并且位于 pages 目录中，因为 getServerSideProps 只允许在页面中使用。

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