next.js - 如何仅在 nextjs 应用程序的一页上隐藏标题？

Question

我在 Nextjs 应用程序上工作，我已经创建了<Header />组件并将其添加到_app.tsx文件中，但我不需要它只显示在一页上，你能告诉我这可能吗？

标签： next.js

Answer 1

useRouter您可以通过hook检查该路线是否是您要排除的路线。您需要进行检查，asPath因为pathname不会匹配动态或包罗万象的路线。这是一种让您的支票在未来得到验证的简单方法。

import { useRouter } from 'next/router';

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

或者

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