我有一个用户列表,当我点击其中一个用户时,我希望用户的消息路由可以自动加载。听起来像是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>
当我加载用户时,我也有嵌套导航,例如收件箱、个人资料、好友等。我原先以为IndexRoute
会在索引加载时自动添加activeClassName
属性,但实际上并没有。
链接的格式如下:
<Link to={`/admin/users/${this.state.user.id}/inbox`} activeClassName="active">Inbox</Link>
当我第一次加载用户时,索引组件确实显示,但收件箱链接没有添加活动类。当我明确点击链接时,它会正确地添加活动类。
如何在加载用户时最好的方法是默认显示收件箱链接为活动状态?