javascript - NextJS 路由器使用嵌套页面未设置活动菜单
问题描述
我正在使用 NextJS,我正在尝试使用路由器设置活动菜单项。所有“顶级”页面都可以正常工作,但如果顶级页面下有页面,则不会设置活动页面。
router.pathname == "/profile" ? "active" : "not active"
上面的代码设置为活动,/profile
但如果例如我有一个页面/profile/23543456
,那么它设置为不活动
有没有办法解决这个问题,以便配置文件的任何子页面也设置为活动状态?
解决方案
路径名字段包含完整的路由路径。所以在你的情况下,router.pathname
是/profile/23543456
。您可以检查路径名是否以开头/profile/
。
router.pathname.startsWith('/profile/') ? "active" : "not active"
推荐阅读
- python - Python - 创建带有大写字母的 SQL 表
- angular - Angular/Typescript - 解决数组中的异步问题
- hadoop - AM如何为每个reduce任务选择节点?
- android-studio - 是否可以进行项目级模板运行配置?
- mysql - 启动 mysql 服务器后 Docker 容器死机
- spring-boot - 尝试测试数据库时无法加载 ApplicationContext
- java - 如何在 SQLite 中设置数千个数据?
- php - php过滤内容
- git - Windows 10 上的 Git - credential.helper 搞砸了
- r - LaTeX 符号未正确转换为 Moodle