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

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

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

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

 

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

  

 

posted @ 2018-08-21 14:01  明明一颗大白菜  阅读(961)  评论(0编辑  收藏  举报
<-- -->