typescript - 如何使用片段标识符（哈希链接）创建反应选项卡？

Question

我使用 react-tabs ( https://reactcommunity.org/react-tabs/ ) 创建 4 个选项卡。现在我需要为它们创建这样的路由“ https://example.com/page=01#tab1 ”、“ https://example.com/page=01#tab2 ”。当您单击选项卡名称时，它们会打开带有所选选项卡的页面。

我试图用少数<Link to="#tab1>Tab1</Link>和<Route path='#tab1' render={() => <MyComponent store={store}/>}/>来自 react-router-dom 的 react-tabs 替换，但标签没有切换。

Answer 1

好的，我只找到了一种解决方案：我使用 window.location.hash 来设置和获取 hashlink 值。我还将回调 onMouseDown 添加到选项卡名称以模仿路由器：我在此回调中更改了 window.location.href。