我正在构建 Next.js 应用程序,我需要向我的 Prismic API 服务器端请求导航内容,获取结果,并将它们传递给我的Header组件,以便我可以拥有持久的导航菜单。我不想在每个页面组件中包含标题,也不想在每个页面中查询文档。
有没有一种方法可以让我在我的内部访问getServerSideProps、getStaticProps或 ,以便我可以拥有持久的导航?getInitialProps_app.js
这是我的_app组件、Prismic 客户端和index页面组件,因此您可以了解我正在使用的代码。
_app.js
import React from 'react';
import { AppLayout } from 'components/app-layout/AppLayout';
import { client } from 'lib/prismic';
import { GetServerSideProps } from 'next';
import { AppProps } from 'next/app';
interface WithNavProps extends AppProps {
navigation: any;
}
const App = ({ Component, pageProps }: WithNavProps) => {
return (
<AppLayout>
<Header />
<Component {...pageProps} />
</AppLayout>
);
}; …Run Code Online (Sandbox Code Playgroud)