javascript - React/Nextjs - 知道什么页面在 _app.js 上呈现

Question

所以我试图在我的 _app.js 上呈现我的网络导航和页脚。我想根据正在访问的页面动态更改导航/页脚的样式。我考虑过将导航和页脚放在各个页面上，但我认为这不是最佳做法。

我怎么知道我在 _app.js 中访问的页面

例如

pages/index.js
pages/profile.js

在我的 _app.js 中我将根据访问的页面更改导航和页脚的样式。

Answer 1

您可以使用具有 asPath 属性的 useRouter 钩子(Hook)。

import { useRouter } from "next/router";

const path = useRouter().asPath;

然后你可以使用这个值来改变内容pages/_app.tsx 基于页面