중첩 된 라우팅 V4

Question

나는 단지 그것을 FinalTable 및 Mandate을 즉 내부에 지정된 하위 경로에 대한 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> 

-router 반응한다. 현재 모든 경로에 대해 이 렌더링됩니다.

Answer 1

당신은 당신이 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}/> 
       <Route path="/(dealview|mandate)" component={SubHeaderWithRouter}/> 
      </HeaderWithRouter> 
      <Footer/> 
     </section> 
    </Router> 

후 내부 렌더링하려는 정규식 경로를 지정할 수 있습니다, 난 정말 당신의 질문을 이해하지 않는 실제 Routes

render() { 
    return (
     <div> 
      {/*other things*/} 
      <Route exact path="/dealview" component={FinalTable}/> 
      <Route exact path = "/mandate" component={Mandate}/> 
     </div> 
    ) 

}