javascript - React 路由器 activeClassName 没有为子路由设置事件类

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/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