如何使用 react-router-dom v6.9 定义 hashbang (#!) 片段路由?

问题描述 投票:0回答:0

我正在从 react-router-dom v5 迁移到 v6.9。在较旧的库中,您可以通过简单地将它放在基本名称中来定义 hashbang (#!) 路由。现在看起来我们要使用 HashRouter,或者另一种选择是在 BrowserRouter 上添加 useHash prop。我遇到的问题是 hashtype 被假定为简单的 hash (#) 并且没有办法定义 hashbang (#!)。有什么方法可以用 hashbang 而不是普通 hash 来定义路由吗?

这些用于在 react-router-dom v5 中工作:

<BrowserRouter basename="/webresources/test_/search#!">
  <Route path="/search" element={<Search />} />
  <Route path="/configuration" element={<ConfigPage />} />
</BrowserRouter>

<HashRouter basename="/webresources/test_/search" hashtype="hashbang">
  <Route path="/search" element={<Search />} />
  <Route path="/configuration" element={<ConfigPage />} />
</HashRouter>

如何使用 react-router-dom v6.9 路由 hashbang 路由?

reactjs react-router fragment react-router-dom hashbang
© www.soinside.com 2019 - 2024. All rights reserved.