根据路径使用 React Router 4 应用活动类 [关闭]

【问题标题】：Apply active class with React Router 4 depending on the path [closed]根据路径使用 React Router 4 应用活动类 [关闭]
【发布时间】：2017-07-21 07:56:42
【问题描述】：

我的 React + React Router 应用程序的页面顶部有一个菜单。当路由匹配该元素时，如何将活动类应用于我的菜单元素？

【问题讨论】：

标签： javascript node.js reactjs react-router

【解决方案1】：

React Router 4 内置了该功能：NavLink component。

的特殊版本，当它与当前 URL 匹配时，它将向呈现的元素添加样式属性。

<NavLink activeClassName="active" to="/">
  Home
</NavLink>;

【讨论】：