我正在使用 HashRouter 呈现不同的页面。我遇到的问题是，当我访问 /service/app/sort 时，它呈现 <MainPage /> ，而我期望它呈现 <ChildPage /> 。

这与我的路由器类似

    <HashRouter>
      <Switch>
        <Route path="/service/app">
          <MainPage />
        </Route>
        <Route path="/service/app/sort">
          <ChildPage />
        </Route>
      </Switch>
    </HashRouter>

可能有帮助的其他信息：

在我的 <MainPage /> 上，我有一个按钮来重定向 onClick

  const history = useHistory();

  const handleSortClick = () => {
    console.log('click me')
    let path = "/service/app/sort";
    history.push(path);
  };

当我单击它一次时，我得到了“单击我”console.log，并且链接更改为 /service/app/sort，但它仍然是 <MainPage /> 。如果我再次单击它，我会收到警告

“警告：哈希历史记录无法推送相同的路径；新条目将不会添加到历史记录堆栈中”