Next.js 如何在nextjs应用程序中仅在一个页面上隐藏标题？

我正在使用Nextjs应用程序，我创建了

组件并将其添加到

\u app.tsx

文件中，但我不需要只在一个页面上显示它，您能告诉我这是可能的吗？

您可以检查该路由是否是您要通过的路由排除的路由。您将需要对照进行检查，因为路径名将不匹配动态或捕获所有路由。这是一种对支票进行未来验证的简单方法

import { useRouter } from 'next/router';

const { asPath } = useRouter();
retturn (
   <>
     {asPath != '/someRoute' && <Header/>}
   </>
)

从“下一个/路由器”导入{useRouter}；
const{asPath}=useRouter（）；
返修(
{asPath！='/someRoute'&&}
)

或

---

使用类似于链接文章中的布局模式。如果您选择布局路线，则可以使默认布局与当前布局完全相同，然后为不需要页眉的页面创建新布局。

如果您有包装器组件，则可以检查路径名并有条件地呈现

从“react”导入{Fragment}；
从“/./layout/main header”导入main header；
从“下一个/路由器”导入{useRouter}；
功能布局（道具）{
const router=useRouter（）；
const showHeader=router.pathname==“/admin”？false:true；
返回(
{showHeader&}
{props.children}
);
}
导出默认布局；

import { Fragment } from "react";
import MainHeader from "./../layout/main-header";
import { useRouter } from "next/router";

function Layout(props) {
  const router = useRouter();

  const showHeader = router.pathname === "/admin" ? false : true;
  return (
    <Fragment>
        {showHeader && <MainHeader />}
        <main>{props.children}</main>
    </Fragment>
  );
}

export default Layout;