React路由器v4並行路由

我在我的網站上有一個左側導航，當點擊它的一個項目時，我向他們展示了一個組件**（aka。home）**。一個主頁被渲染。我在頁面上有一些按鈕，點擊時會根據點擊的內容用其他組件替換其他組件。問題是要呈現寫在家裏組件的新組件，所以當有人在家裏組件點擊我希望它卸載本身並安裝新組件舉例路線：React路由器v4並行路由

App Component(app.js) 
==================== 
<Router> 
     <Switch> 
      <Route exact path='/' component={Login}/> 
      <Route path="/dashboard" component={Container}/> 
     </Switch> 
</Router> 

LeftNav Container (Container) 
============================== 
       <Route path='/dashboard/Home' component={Home}/> 
       <Route path={`${this.props.match.path}/Admin`} component={Admin}/> 
       <Route path={`${this.props.match.path}/SessionManager`} component={SessionManagerContainer}/> 
       <Route path={`${this.props.match.path}/CommunicationManager`} component={AccessList}/>

所以當我點擊一個按鈕，左側導航它呈現/儀表板/ SessionManager

但是，當我在SessionManager組件點擊一個鏈接，我需要路由到一個父路徑

SessionManagerContainer.js 
====================== 
<Route path={`dashboard/DialPatterns`} component={DialPatters}/>

所以我需要重定向是儀表板/ DialPatters沒有儀表板/ SessionManger/DialPatters

來源

2017-08-10 Maulikkishorekumar Desai

這是做出保持這種動力，主要問題是我所有的路線 /儀表板/主頁 $ {this.props.match.path} /管理等等在app.js 所以當路線改變到/儀表板/ SessionManger點擊它呈現SessionManger組件其中有 /儀表板/ DialPatterns路線但是，當我點擊事件啓用該路線組件劑量呈現 –

只需添加根斜槓 '/'：

<Route path="/dashboard/DialPatterns" component={DialPatters}/>

來源

2017-08-10 15:12:48 Purgatory

React路由器v4並行路由

回答

相關問題