react-router 的<Link></Link> 下的activeClassName只能精准匹配如何才能模糊匹配？

Question

//jsx
<Link acitveClassName="activeRoute" to="/frontblog">
    前端文章
</Link>

//css
.activeRoute{
    border-left: 5px solid #70a3ff;
}

如果我当前的地址 /frontblog那么activeClassName会很好的工作
如果我当前的地址是 /frontblog/xx 那么activeClassName就不会生效了
如何在/frontblog/xx/yy/zz 等只要是frontblog下的任意地址都可以显示我想要的边框

Answer 1

路由嵌套

<Route path="frontblog" component={FrontBlog}>
  <Route path=":id" component={FrontBlogDetail}/>
</Route>

Answer 2

router-link

<router-link to="/" exact>

试试exact属性吧。我记得之前是默认为true的。