reactjs - 检查 React 中嵌套路由的 router.isActive

Question

我正在尝试使用 Router.isActive 检查路由

如果当前路径是/animals/edit

(router.isActive('/animals/edit')

是真的。

但是如果当前路线是/animals/edit/23

(router.isActive('/animals/edit/') 

是假的。

如何创建包含尾随参数的路由？

Answer 1

我也遇到了同样的问题。通过使用router.getCurrentLocation().pathname匹配路由来解决这个问题。

在您的示例中，应执行以下操作:

const parentPathname = '/animals/edit';
const currentPathname = router.getCurrentLocation().pathname;
const isActive = currentPathname.indexOf(parentPathname) !== -1;