鍍金池/ 問答/HTML5  HTML/ react-router如何實現(xiàn)整頁跳轉(zhuǎn)像href

react-router如何實現(xiàn)整頁跳轉(zhuǎn)像href

react-router 4 如何實現(xiàn)整頁跳轉(zhuǎn)像href

目前我能實現(xiàn)的頁面跳轉(zhuǎn)像單頁面應(yīng)用，有沒有辦法點擊鏈接直接像打開一個新頁面一樣顯示一個組件的頁面？

目前使用react-router跳轉(zhuǎn)，導(dǎo)航欄會保存不變而內(nèi)容組件在變換，我想實現(xiàn)導(dǎo)航也去掉完全就是一個新頁面那樣的顯示組件內(nèi)容可以嗎？

回答
編輯回答
乖乖噠

你的意思是主頁和文章詳情的那種關(guān)系吧？
如果是，當(dāng)然可以啊，你的組件布局改一改就好了，吧你的新頁面組件移到和導(dǎo)航所在的頁面的組件同一個層級就好了，以下是偽代碼：

                // APP
                <Switch>
                    <Route exact path="/main" component={NavBarPage}/>
                    <Route path="/detail" component={NoNavBarPage}/>
                </Switch>
                // NavBarPage
                <TopBar>
                <Switch>
                    <Route exact path="/main/index" component={IndexPage}/>
                    <Route path="/main/mine" component={MinePage}/>
                </Switch>
                <NavBar>
2018年6月12日 15:40