Question

<ul className="right hide-on-med-and-down">
  <li><IndexLink to="/" activeClassName="active">ABOUT</IndexLink></li>
  <li><Link to="blog" activeClassName="active">BLOG</Link></li>
  <li><Link to="discover" activeClassName="active">DISCOVER</Link></li>
  <li><Link to="contact" activeClassName="active">CONTACT</Link></li>
 </ul>

这就是我导航的样子，当我导航到/ blog时，Blog处于活动状态。但当我导航到/ blog / my-blog-post时，活动类消失了，有没有办法让/ blog / my-blog-post在我的博客列表项上设置活动类？

Answer 1

<Route path="blog" component={Blog}>
  <Route path=":slug" component={Blog}></Route>
</Route>

我只需要按照上面的方式声明我的路线就行了！此链接很有用：https://github.com/reactjs/react-router/issues/1684

React router activeClassName不为子路由设置活动类

1 个答案: