react-router - React Router 1.0 IndexRoute 和 activeClassName

Question

我有一个用户列表，当我单击一个用户时，我希望用户消息路由自动加载。听起来像是 IndexRoute 的工作!

  <Route path="users" component={Users}>
    <Route path=":id" component={User}>
      <IndexRoute component={Inbox} />
      <Route path="inbox" component={Inbox} />
      <Route path="profile" component={Profile} />
    </Route>
  </Route>

当我加载用户时，我还有一个嵌套导航，例如收件箱、个人资料、 friend 等。我假设 IndexRoute 会自动添加 activeClassName索引加载时的属性，但它不加载。

链接格式如下:

<Link to={`/admin/users/${this.state.user.id}/inbox`} activeClassName="active">Inbox</Link>

当我第一次加载用户时，确实显示了索引组件，但是收件箱链接没有添加事件类。当我明确单击链接时，它会正确添加事件类。

加载用户时显示收件箱链接默认处于事件状态的最佳方式是什么？

Answer 1

由于您正在使用该组件，请尝试将其配对:

  <IndexLink to="..." activeClassName="active">Inbox</IndexLink>

在用户界面中。