如何使用 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 包装它，在组件内部您将可以访问位置、历史记录和匹配。

你可以阅读withRouterhere。

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