Next.js 在 getServerSideProps 方法中访问 Page props

Question

我正在将一些属性传递给_app页面上的 。

<PageWrapper>
  <Component someProps={someProps} />
  <GlobalCSS />
 </PageWrapper>

是否可以在每个页面的 getServerSideProps 方法中访问这些道具？

export const getServerSideProps: GetServerSideProps = async context => {
  const data = await fetchData(someProps); // ??
  
  return { props: { data } };
};

Answer 1

假设您有一个页面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);
};

注意力！ 这是无证和hacky的方式。

Answer 2

您可以查看这个Next JS文档获取数据并使用。 我希望这对你有用！