reactjs - 根据当前 URL 更改 Link 的 className，React

Question

我有带有链接的侧边栏组件，并且我需要在打开特定URL时更改链接颜色。

React 中最好的解决方案是什么？

Answer 1

您可以使用NavLink组件并提供您的类作为 activeClassName prop 的值:

 <NavLink to="/faq" activeClassName="selected">
   FAQs
  </NavLink>

CSS 规则可能是这样的:

  .selected{
    color: blue
   }