组件中的 NextJS serverSiderProps 不起作用[关闭]
Posted
技术标签:
【中文标题】组件中的 NextJS serverSiderProps 不起作用[关闭]【英文标题】：NextJS serverSiderProps in component not working [closed] 【发布时间】：2021-11-10 20:21:17 【问题描述】：我正在尝试将props 服务器传递给组件，但它不起作用，它是未定义的。
这是我的pages/index.js 文件
从“下一个/头”导入头 从'../src/components/header'导入标题；
export default function Home()
return (
<div>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main>
<Header />
<p>main content</p>
</main>
<footer>
<ap>Footer</ap>
</footer>
</div>
)
这是我的components/header.js 文件
function Header(test)
return (
<div>
<p>HI, It's test</p>
</div>
)
;
export async function getServerSideProps(context)
return
test: "TEST SERVER SIDE PROPS",
export default Header;
谁能告诉我为什么它不起作用？如何在组件中获取服务端的 props？
有可能吗？我想从服务器全局传递它，以便我可以访问任何组件或页面？尽可能的
我也试过这种方式：
function Header(test)
return (
<div>
<p>HI, It's test</p>
</div>
)
;
export async function getServerSideProps(context)
return props: test: "TEST SERVER SIDE PROPS"
export default Header;
但不工作
【问题讨论】：
getServerSideProps 可以从 PAGE 调用。 【参考方案1】：getServerSideProps can be called from a PAGE.
在 pages/index.js 中添加这个
export async function getServerSideProps(context)
return props: test: "TEST SERVER SIDE PROPS"
并将测试作为道具传递给<Header test=test/>
【讨论】：
【参考方案2】：我认为 props 必须通过以下方式导出：
return props: test: "TEST SERVER SIDE PROPS"
【讨论】：
它应该可以工作@pythonerdude。因为那是props 不会是undefined 的唯一方法
在你告诉我这是错误的之前，请尝试清除缓存。我复制了你的代码，它对我有用。还要去掉异步函数中的上下文参数，因为它是不必要的。
无需侮辱@pythonerdude。你在这里寻求帮助，没有人为你工作。扩展您遇到的应该有帮助的错误。
正如肖恩所说。它适用于他，也适用于我。尝试按照说明清除缓存。
显示完整的控制台错误。同时重启 npm run 服务并清除缓存。以上是关于组件中的 NextJS serverSiderProps 不起作用[关闭]的主要内容，如果未能解决你的问题，请参考以下文章