javascript - NextJS 路由器使用嵌套页面不设置事件菜单

标签 javascript reactjs next.js

我正在使用 NextJS,并且我正在尝试使用路由器设置事件菜单项。所有“顶级”页面都可以正常工作,但如果顶级页面下有页面,则不会设置事件页面。

router.pathname == "/profile" ? "active" : "not active"

上面的代码将 /profile 设置为事件状态,但如果例如我有一个页面 /profile/23543456,则将其设置为不活动

有没有办法解决这个问题,以便配置文件的任何子页面也设置为事件状态?

最佳答案

路径名字段包含完整的路由路径。因此,在您的情况下,router.pathname/profile/23543456。您可以检查路径名是否以 /profile/ 开头。

router.pathname.startsWith('/profile/') ? "active" : "not active"

关于javascript - NextJS 路由器使用嵌套页面不设置事件菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66300095/

相关文章:

javascript - 使用 async/await 和 setTimeout 创建递归函数

javascript - 使用 jQuery 闪烁 DIV 5 秒,然后在 1 秒后隐藏它

reactjs - React-native - Expo,在 Twitter 上分享

reactjs - React SPA 中的 msal - 使用从 AcquireTokenRedirect 收到的访问 token

azure - SendGrid 电子邮件在本地工作,但不适用于 Azure 应用服务

javascript - 下一页Js :pid routes

node.js - 在 Express 包装的 Azure NextJs 应用程序上部署后,应用程序将永久加载

javascript - var imgLoader = document.getElementById ("imgLoader");始终为空

javascript - 如何在javascript中为没有单位的svg设置字体大小

javascript - react : modal with multiple link triggers