React Hash Router URL更改但组件未重新呈现

Question

我有一个菜单，可以从一个详细信息页面访问不同的详细信息页面。但是，尽管URL已更改，但似乎组件并未重新呈现。我正在使用哈希路由器。

这是我的代码：

app.js

class Main extends Component {

  render() {
        return (
          <Router>
            <LayoutHeader>
              <BaseRouter/>
              </LayoutHeader>
          </Router>
                )
            }
}

Main.js

const BaseRouter = () => (
<div>
    <Switch>
        <PrivateRoute exact path="/project/detail/:id" component={SalesProjectDetail} />
        <Route exact path="*" component={() => '404 NOT FOUND'} />
    </Switch>
</div>
);

BaseRouter.js

{{1}}

期望：

我期望的是，当URL更改时，新组件将重新呈现并相应显示组件

问题 问题是它不会重新呈现，并且仍然停留在“相同”页面上