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

标签 javascript html css reactjs next.js

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

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

例如

pages/index.js
pages/profile.js

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

最佳答案

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

import { useRouter } from "next/router";

const path = useRouter().asPath;

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

关于javascript - React/Nextjs - 知道什么页面在 _app.js 上呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58888143/

相关文章:

javascript - Dom 元素 onclick (MooTools::可选)

javascript - 尝试通过 Google 应用脚本将表单条目(从侧边栏)传递到 Google 表格中的特定列/单元格

java - 如何获取由 href 定向的实际链接

javascript - 如何在 javascript 中为背景位置创建变量?

php - 更改 HTML <area> 元素的背景颜色

javascript - react 组件没有出现

javascript - JS Promise 在 YDKJS 中揭示构造函数

javascript - CSS悬停卡片定位

javascript - Vue,在更改事件上获取发送者元素

html - CSS:根据文本宽度显示内联或 block - 无 javascript