使用BrowserHistory的React-Router哈希导航

时间:2018-10-01 22:10:45

标签: javascript reactjs react-router react-router-v4 react-router-dom

是否可以同时使用BrowserHistory和哈希导航?

想法是在某些情况下切换选项卡或例如在轮播中切换到某些图像。 不幸的是,在 react-router-dom 中,只能选择使用 BrowserRouter 或仅使用 HashRouter

如果有人面临相同的限制,请分享您的解决方法。

应用

<Router history={history}>
  {/*..inside..<MyApp>*/}
  <Route path="/page1" component={Page1}/>
  <Route path="/page2" component={Page2}/>
  {/*..inside..</MyApp>*/}
</Router>

Page1组件

<Page1>
  <Route path="/page1#popup_menu" component={Menu} />
  <Pane>
     <Route path="/page1" component={Tab1} exact />      
     <Route path="/page1#tab2" component={Tab2} exact />
  </Pane>
</Page1>

0 个答案:

没有答案