我从一个新的 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
获取任何数据,我们将不胜感激任何帮助!
最佳答案
代码没有问题,但它可能在错误的地方。
确保这是一个 Next.js 页面并且位于 pages
目录中,因为 getServerSideProps
只允许在页面中使用。
您应该在服务器端和浏览器控制台中看到打印的 [1,2,3]
。
关于reactjs - Next.js getServerSideProps 始终未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62542996/