根据当前路线突出显示标签

时间:2018-05-02 09:11:30

标签: javascript reactjs react-router

我使用带有两条路线的反应路由器创建了一个简单的反应应用。如何突出显示活动路线?我已尝试过stackoverflow和其他来源的所有可能解决方案。

Here is a live demo

1 个答案:

答案 0 :(得分:3)

NavLink组件的路径路径不正确,与路径路径不匹配,您需要编写路径

<NavLink
     to="/about"
     activeClassName="acti"
>

请注意/

之前的about

Working demo