使用自定义`App`在Next.js中保留导航栏

Question

我正在学习Next.js，偶然发现了这个问题。回到过去，这就是您在所有页面上使用导航栏的方式

return (
    <Container>
        <Navbar />
        <Component {...pageProps}/>
    </Container>

   )

但是现在文档是使用功能组件https://nextjs.org/docs/advanced-features/custom-app编写的。我正在尝试类似的方法，但到目前为止它不起作用

  return (
    <>
      <Navbar />
      <Component {...pageProps} />
    </>
  );
 }

有人对如何进行这项工作有任何想法吗？

Answer 1

忽略我上次的回复，这将导致不必要的渲染，请使用：

import Navbar from "../components/Navbar";
function MyApp({ Component, pageProps }) {
  return (
    <>
    <Navbar />
    <Component {...pageProps} />
    </>
  );
}