我有这个路由模式
<Router history={browserHistory}>
<Route path="/admin" component={AdminApp} onEnter={AdminApp.authCheck} >
<Route path="/admin/new" component={NewPostAdmin} />
<Route path="/admin/posts" component={PostsAdmin}>
<IndexRoute component={PostsAdminList}/>
<Route path="/admin/posts/:page" component={PostsAdminList} />
<Route path="/admin/posts/edit/:newsId" component={EditPostAdmin} />
</Route>
</Route>
<Route component={MainApp}>
<Route path="/" component={HomeApp} / >
<Route path="/:page" component={HomeApp} / >
<Route path="/notizie/:newsId" component={SinglePost} / >
<Route path="/signup" component={Signup} / >
</Route>
</Router>
路径“/ admin / posts / 2”将呈现列表的第二页，底部有一个导航菜单，其中Link元素指向前一页或后续页（3,4,5等）或/ route路径是第一页）
要创建此菜单，我必须知道路由“/ admin / posts /：page”内部父路由的路径，但在props中没有“indexroute”对象
我该如何解决这个问题？我可以在代码中设置路径，但我想重用这个组件，所以这不是一个可行的解决方案
编辑：我可以使用正则表达式从location.pathname拼接字符串，但我真的不喜欢这个解决方案
1 回答
给定
<Route path="/admin/posts/:page" component={PostsAdminList} />，PostsAdminList组件将收到一个名为params的道具，您可以通过this.props.params.page访问page.