react-router 的一点问题

Question

路由大概是这个样子的

<Route path="/">
  <Route path="/department(/:area)" />
</Route>

我有一个 Link 是进入 /department

此时该 Link 处于高亮状态（设置了 activeClass)

但是当我进入 /department/somedept 的时候就不高亮了，这该怎么解决呢？

Answer 1

<Link to="/department" activeClassName="xxxx">department</Link>
<Link to="/department/somedept" activeClassName="xxxx">some department</Link>

Answer 2

<IndexLink to="/department" activeClassName="active">Department</IndexLink>
<Link to="/department/somedept" activeClassName="active" onlyActiveOnIndex={true}>Department</Link>

react-router-tutorial