鍍金池/ 問(wèn)答/HTML5  HTML/ 請(qǐng)教一個(gè)關(guān)于React路由嵌套的問(wèn)題

請(qǐng)教一個(gè)關(guān)于React路由嵌套的問(wèn)題

如下圖，products路由里面又有一個(gè)子路由product，path為product/:id，也就是用來(lái)做產(chǎn)品的詳情視圖，
可以看到product的Route跟nav是在同一個(gè)視圖里面，這樣，就算我進(jìn)入了product:/id路由，nav還是會(huì)同時(shí)存在，也就是詳情視圖里會(huì)出現(xiàn)nav，這不是我想要的
我看到有些人是將詳情視圖定位覆蓋掉nav，感覺(jué)這種做法太丑陋了吧？
請(qǐng)問(wèn)react-router有什么好的方式嗎？

clipboard.png
...]

最終是這樣解決的

把導(dǎo)航內(nèi)嵌到每個(gè)組件內(nèi),/users/:id與其他route同級(jí)，然后不需要的menu的組件里面不放置就行了

clipboard.png

clipboard.png

回答
編輯回答
浪蕩不羈

nav 作成一個(gè)獨(dú)立的 Component ，拿 Route 套上。

2018年5月21日 21:16
編輯回答
哚蕾咪

對(duì)nav做下判斷，判斷當(dāng)前路由是不是/products/:id，是的話就不顯示nav

2017年5月31日 15:37