如何在React JS中添加和删除导航中的活动类

Question

<ul>
  <li>
    <Link to={'/home'}>
      Home
    </Link>
  </li>
  <li>
    <Link to={'/story'}>
      About us
    </Link>
  </li>
</ul>

我在reactjs中的导航标签上方，并且我想在链接之间单击时切换活动类。我已经经历了各种堆栈，但是无法找到上述场景的正确答案。

Answer 1

一个人可以使用react-router/web#NavLink代替react-router/web#Link。

使用activeClassName的{​​{1}}属性，将要用作活动类的类。

NavLink