如何解决Next.js在getServerSideProps方法中访问Page道具
我正在将一些属性传递到_app
页面上。
<PageWrapper>
<Component someProps={someProps} />
<GlobalCSS />
</PageWrapper>
是否可以在每个页面的getServerSideProps方法中访问这些道具?
export const getServerSideProps: GetServerSideProps = async context => {
const data = await fetchData(someProps); // ??
return { props: { data } };
};
解决方法
假设您有一个页面 demo
// ...
export const getServerSideProps = async () => {
const demo = await fetch('/api/demo');
return {
props: {
demo,}
};
};
你可以在其他子组件的某个地方访问它
export const MyComponent = () => {
const { components } = useRouter();
console.log(components['demo'].props.pageProps);
};
注意!这是无证的和骇人听闻的方式。
,您可以检查此Next JS文档以获取数据并使用。我希望这对您有用!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。