react-router如何实现整页跳转像href

Question

react-router 4 如何实现整页跳转像href

目前我能实现的页面跳转像单页面应用，有没有办法点击链接直接像打开一个新页面一样显示一个组件的页面？

目前使用react-router跳转，导航栏会保存不变而内容组件在变换，我想实现导航也去掉完全就是一个新页面那样的显示组件内容可以吗？

Answer 1

你的意思是主页和文章详情的那种关系吧？
如果是，当然可以啊，你的组件布局改一改就好了，吧你的新页面组件移到和导航所在的页面的组件同一个层级就好了，以下是伪代码：

                // 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>