react-router - React Router 1.0 IndexRoute和activeClassName

我有一个用户列表，当我单击一个用户列表时，我希望用户消息路由自动加载。听起来像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>

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

显示加载用户时默认情况下收件箱链接处于 Activity 状态的最佳方法是什么？

最佳答案

由于您使用的是组件，请尝试将其与:

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

在用户界面中。

关于react-router - React Router 1.0 IndexRoute和activeClassName，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33591165/