Reactjs react-router v4中的嵌套路由
我只需要为其中指定的子路由(即Reactjs react-router v4中的嵌套路由,reactjs,react-router,Reactjs,React Router,我只需要为其中指定的子路由(即FinalTable和委托书)呈现子标题WithRouter。 当前为每个路由呈现SubHeaderWithRouter。您可以指定要为其呈现SubHeaderWithRouter组件的正则表达式路径 <Provider store = {store}> <Router history = {history} > <section> <HeaderWithRouter>
FinalTable
和委托书
)呈现子标题WithRouter
。
当前为每个路由呈现
SubHeaderWithRouter
。您可以指定要为其呈现SubHeaderWithRouter
组件的正则表达式路径
<Provider store = {store}>
<Router history = {history} >
<section>
<HeaderWithRouter>
<Route exact path = "/admin" component={Admin}/>
<Route exact path = "/deal" component={FormDeal}/>
<Route exact path="/chart" component={Mycharts}/>
<SubHeaderWithRouter>
<Route exact path="/dealview" component={FinalTable}/>
<Route exact path = "/mandate" component={Mandate}/>
</SubHeaderWithRouter>
</HeaderWithRouter>
<Footer/>
</section>
</Router>
</Provider>
我真的不明白你的问题!请参阅@cdaiga如果我的路由是/admin,那么我不希望子标题WithRouter被渲染。我只想为/dealview和/Commission呈现分标题WithRouter
<Provider store = {store}>
<Router history = {history} >
<section>
<HeaderWithRouter>
<Route exact path = "/admin" component={Admin}/>
<Route exact path = "/deal" component={FormDeal}/>
<Route exact path="/chart" component={Mycharts}/>
<Route path="/(dealview|mandate)" component={SubHeaderWithRouter}/>
</HeaderWithRouter>
<Footer/>
</section>
</Router>
render() {
return (
<div>
{/*other things*/}
<Route exact path="/dealview" component={FinalTable}/>
<Route exact path = "/mandate" component={Mandate}/>
</div>
)
}