reactjs - 如何使用HashRouter监听react-router v4中的路由变化

Question

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

现在我想将 Google Analytics 集成到我的应用中，并且需要检测路线更改。我查看了react-router团队提供的文档，但找不到。我知道有一种方法可以使用 withRouter 和 BrowserRouter 来检测更改。但我正在使用HashRouter。

有人知道如何使用HashRouter来做到这一点吗？

Answer 1

如果您希望使组件位置感知，您可以使用 HoC ( Higher Order Component ) withRouter 包装它，并且在组件内部您将可以访问位置、历史记录和匹配。

您可以阅读有关 withRouter here 的内容.

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