小编Lig*_*ami的帖子

Next.js getStaticProps 在标头中不起作用

我试图通过我的标头中的 api 获取一些信息。但行不通。我的代码。

export async function getStaticProps() {
  console.log("test")
  const res = await fetch(`https://api.namefake.com`)
  const data = await res.json()

  if (!data) {
    return {
      notFound: true,
    }
  }

  return {
    props: { data }, 
  }
}
Run Code Online (Sandbox Code Playgroud)

我将 console.log 放入函数中以测试该函数是否运行。但控制台中没有任何显示。我在 _app.js 中尝试过,它有效,但我想在标头中使用。我正在使用页面布局。布局 :

import Header from './header'

export default function Layout({ children }) {
    
    return(

  <>
    <Header/>
      
    {children}
</>
    );
}
Run Code Online (Sandbox Code Playgroud)

_app.js

import Layout from './layout'

function MyApp({ Component, pageProps }) {
  <Layout>
   
    
    <Component {...pageProps} />
    </Layout>
    </>
  );

}
export …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js

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

标签 统计

next.js ×1

reactjs ×1