相关疑难解决方法(0)

NextJs _app 中的持久导航

我正在构建 Next.js 应用程序,我需要向我的 Prismic API 服务器端请求导航内容,获取结果,并将它们传递给我的Header组件,以便我可以拥有持久的导航菜单。我不想在每个页面组件中包含标题,也不想在每个页面中查询文档。

有没有一种方法可以让我在我的内部访问getServerSidePropsgetStaticProps或 ,以便我可以拥有持久的导航?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)

reactjs next.js prismic.io

5
推荐指数
1
解决办法
4439
查看次数

标签 统计

next.js ×1

prismic.io ×1

reactjs ×1