activeClassName 不适用于可变路径的反应路由器答案

【问题标题】：activeClassName not working for react router for variable pathactiveClassName 不适用于可变路径的反应路由器
【发布时间】：2020-11-01 17:42:25
【问题描述】：

 <li className="nav-item">
  <NavLink className="nav-link" to={"/QaManagement" + domainName}>
        <span className="Qimg" onClick={this.clicked}>
           <img src={imageVar.QA} alt="" />
        </span>
  </NavLink>
</li>

我想在链接处于活动状态时更改图像，我不能使用确切的属性也因为 domainName 是一个变量。

【问题讨论】：

我尝试了很多方法，例如使用具有精确属性的 activeClassName 和具有 onlyActiveOnIndex 属性的 activeClassName="active" 等，但没有任何效果
您将不得不编写一个自定义函数。看看this 链接。

标签： javascript reactjs react-router router react-router-dom

【解决方案1】：

我在使用具有精确属性的 activeClassName 和具有 onlyActiveOnIndex 属性的 activeClassName="active" 时遇到同样的问题，它对我有用

【讨论】：