Reactjs 使用React路由器获取不带参数的路由
我有这个路由模式Reactjs 使用React路由器获取不带参数的路由,reactjs,react-router,Reactjs,React Router,我有这个路由模式 <Router history={browserHistory}> <Route path="/admin" component={AdminApp} onEnter={AdminApp.authCheck} > <Route path="/admin/new" component={NewPostAdmin} /> <Route path="/admin/posts" component={PostsAdmin}>
<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”将呈现列表的第二页,底部有一个导航菜单,其中包含指向上一页或后续页(3、4、5等)的链接元素,或作为第一页的/route路径
要创建此菜单,我必须知道路由“/admin/posts/:page”中父路由的基本路径,但在props中没有“indexroute”对象
我如何解决这个问题?显然,我可以在代码中设置路径,但我想重用这个组件,所以这不是一个可行的解决方案
编辑:我可以使用正则表达式从location.pathname拼接字符串,但我不太喜欢这个解决方案给定
,PostsAdminList
组件将收到一个调用的prop,您可以通过this.props.params.page
访问页面