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