2015-08-17 39 views
1

我正在嘗試使用react路由器爲我的網站上的彈出窗口提供路由。反應路由器彈出窗口

我有核心「儀表板」,用戶可以在其中點擊鏈接,在覈心儀表板上方打開窗口(因此儀表板可以在窗口下方看到)。

當閱讀反應路由器的文檔時,我認爲這種佈局是嵌套路由的確切用例,但它似乎沒有工作。

我正在測試窗口由背景顏色的div表示,所以我可以看到它。

我的路線是這樣配置:

<Route handler={Application}> 
    <Route name='dashboard' path='dashboard' handler={Dashboard} > 
     <Route path='window/:id' handler={Window} /> 
    </Route> 
</Route> 

我想到的是,當我訪問/儀表板/窗/ 1,但沒有任何變化,並期待在DOM窗口DIV甚至沒有出現在div渲染。

任何幫助將是偉大的。 謝謝

回答

2

在要插入視圖的組件內部,需要添加<RouteHandler />,以便視圖以嵌套方式顯示在該組件中。我們做了類似的事情,但使用了選項卡,只想更改選項卡的主體和突出顯示的選項卡以獲得相同的效果。

+0

這工作,哦,我很尷尬,解決辦法是那麼簡單的,我都記不清了我之所以認爲這不是做哈哈哈的理由。感謝您的幫助... –

+0

不要尷尬,我們必須自己找出一個出來,它根本沒有記錄。 –

0

在陣營路由器1.0你只需要以下添加到您的Dashboard.render樹:

{this.props.children}