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

Posted 2023-02-22

【中文标题】activeClassName 不适用于可变路径的反应路由器

【英文标题】：activeClassName not working for react router for variable path

【发布时间】：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  />
        </span>
  </NavLink>
</li>

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

【问题讨论】：

我尝试了很多方法，例如使用具有精确属性的 activeClassName 和具有 onlyActiveOnIndex 属性的 activeClassName="active" 等，但没有任何效果

您将不得不编写一个自定义函数。看看this 链接。

【参考方案1】：

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