react router如何組織2級動態路由器？

如何組織動態路由器 2級我有結構這樣react router如何組織2級動態路由器？

<Router history={browserHistory} > 
<Route path='/' component={App} data={DISTRICT}> 
    <IndexRoute component={Home} /> 
     <Route path='/:district' component={District}/> 
      <Route path='/:district/:directory' component={Directory}/> 
    </Route> 
    <Route path='*' component={NotFound} /> 
</Router>

對區內所有工作的目錄好但不工作如何渲染目錄的組成部分？

App.js

render() {   
      return (
       <div> 
        <Header/> 
        { this.renderChildren() } 
        <Footer /> 
       </div> 
      ); 
    }

來源

2016-12-04 Arthur

窩在district航線的directory路線。

您需要重構自己routes作爲

<Router history={browserHistory} > 
    <Route path='/' component={App} data={DISTRICT}> 
    <IndexRoute component={Home} /> 
    <Route path=':district' component={District}> 
     <Route path=':directory' component={Directory}/> 
    </Route> 
    </Route> 
    <Route path='*' component={NotFound} /> 
</Router>

來源

2016-12-04 14:48:38

我收到相同的結果，也許它是因爲我添加url params使用點擊像這樣browserHistory.push（this.slug）？ – Arthur

現在嘗試在'params'之前刪除'/'，如答案 –

不幸的是它不起作用 – Arthur

我找到解決我的問題我加入鼻涕蟲用browserHistory.push(this.slug) 但我需要添加完整路徑是這樣

browserHistory.push(location.pathname + this.slug)

我現在有以下路線結構

<Router history={browserHistory} > 
<Route path='/' component={App} data={DISTRICT}> 
    <IndexRoute component={Home} /> 
     <Route path=':district' component={District}/> 
      <Route path=':district/:directory' component={Directory}/> 
    </Route> 
    <Route path='*' component={NotFound} /> 
</Router>

來源

2016-12-06 14:33:53 Arthur

react router如何組織2級動態路由器？

回答

相關問題