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

Question

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

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

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

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

Answer 1

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

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