Reactjs 当路径是父路径的后代时,activeClassName不应用于链接

Reactjs 当路径是父路径的后代时,activeClassName不应用于链接,reactjs,Reactjs,这是我的路线配置: <Link className="nav-link " activeClassName="active" to={'/parent'}> parent </Link> 父母亲 当我访问url时:react将类active应用于链接。但是当我访问路径:,react不会应用active类 当url是父类的任何子代时,关于如何在链接上应用活动类的任何建议 我遵循的是 如果当前路由是链接的,则将激活 路由或链接路线的任何子代。要使链接仅在精确链接的

这是我的路线配置:

<Link className="nav-link " activeClassName="active" to={'/parent'}>
   parent
</Link>

父母亲
当我访问url时:react将类
active
应用于链接。但是当我访问路径:,react不会应用
active

当url是父类的任何子代时,关于如何在链接上应用活动类的任何建议

我遵循的是

如果当前路由是链接的,则将激活 路由或链接路线的任何子代。要使链接仅在精确链接的路由上处于活动状态,请改用或设置onlyActiveOnIndex属性


但是不确定为什么默认情况下不应用它。

除了使用
链接
之外,您应该使用
导航链接

一个特殊版本的
,它将向 与当前URL匹配时呈现的元素

通过使用
NavLink
您应该能够实现这一点,您还可以使用
exact
strict
isActive