Как создать реагирующие вкладки с идентификаторами фрагментов (хеш-ссылками)?

Question

Я использую реагирующие вкладки (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}/>}/> из response-router-dom, но вкладки не переключались.

Answer 1

Хорошо, я нашел только одно решение: я использую window.location.hash, чтобы установить и получить значение hashlink. Также я добавляю обратный вызов onMouseDown к именам вкладок для имитации маршрутизатора: я изменяю window.location.href в этом обратном вызове.