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>
     )

}