根据当前路线突出显示选项卡

Question

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

Here is a live demo

Answer 1

NavLink 组件的 Link 路径不正确，与 Route 路径不匹配，您需要将路径编写为

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

注意/ 之前的about

Working demo