如何使用HashRouter侦听react-router v4中的路由更改

Question

我正在使用 HashRouter 而不是 BrowserRoute ，因为我在AWS上管理我的反应应用s3是静态托管。

现在，我想将Google Analytics集成到我的应用中，并需要检测路线更改。我查看了路由器团队提供但未能获得的文件。我知道有一种方法可以使用 withRouter 和 BrowserRouter 来检测更改。但我正在使用 HashRouter 。

有人知道如何使用 HashRouter 来做这件事吗？

Answer 1

如果您希望了解组件位置，可以使用HoC（Higher Order Component）withRouter对其进行包装，并且在组件内部您可以访问位置，历史记录和匹配。

您可以阅读withRouter here。

const LocationAwareComponent = ({ location, history, match }) => {
    // can use location, history, or match
}