解决react-router 的activeClassName 首页重复匹配问题

首先先看一下我的inedx.js入口文件:

这是未点击的时候index默认的是选中状态,

这是我点击其他的路由之后:,明显index路由重复了,仔细看了官方文档之后,发现其实Navlink也应该使用exact进行精确的匹配:

  <NavLink exact to="/" activeClassName="link-active">index</NavLink>

  

原文地址:https://www.cnblogs.com/mmykdbc/p/9510953.html