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文檔獲取數據並使用。 我希望這對你有用！