React - React Router Dom，hashbang 路由解決方案

Question

如何使用 react-router-dom 和 hashbang 在 React 中進行路由？ 就像是

http://somesite.com/#/home

http://somesite.com/#/about

我沒問題。

在 Angular 路由中，我在angular/router的RouterModule中使用{ useHash: true }來實現這一點。

在 Vue 路由中，我在vue-router的createRouter方法中使用history: createWebHashHistory()來實現。

我有辦法在這里實現嗎？

如果不是——請向我推薦一些其他可靠的 React 路由庫。

PS 如果你想知道我為什么需要它，答案是 IIS。我不想通過過於復雜的程序讓它在 IIS 上工作。

Answer 1

您需要使用HashRouter ： https://reactrouter.com/web/api/HashRouter

例如，您可以執行以下操作：

import { HashRouter as Router, Route, Switch } from 'react-router-dom';

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/foo">
          <Component1/>
        </Route>
        <Route exact path="/bar">
          <Component2/>
        </Route>
      </Switch>
    </Router>);
}

Answer 2

使用<HashRouter>而不是其他路由器之一。