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);
};

<块引用>

注意！这是无证的和骇人听闻的方式。

Answer 2

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

Next.js在getServerSideProps方法中访问Page道具

2 个答案: