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>而不是其他路由器之一。