如何在 hookrouter 中监听路由变化 - React

Question

我知道 react-router 提供 onChange 属性来监听路由变化，但我使用的是 hookrouter 包 (doc).

我正在尝试获取用户访问特定路线时的日志。例如当他们访问 /aboutus 路线时。用户可以通过点击按钮、手动输入URL或打开一个书签页面来访问。

有可用的跟踪应用程序可以跟踪按钮点击时的计数器，但我还没有找到任何应​​用程序可以跟踪用户访问特定路线的次数。

简而言之，有没有办法知道用户访问特定路线的次数？

Answer 1

与 react-router 相比，此库非常有限，但您可以使用以下钩子检测路径何时更改：

const currentPath = usePath();

useEffect(() => {
  // Do something with currentPath
}, [currentPath]);

在此效果中，您可以进行页面跟踪或记录事件。

假设此代码位于您的应用程序的根目录（或它可以 运行 全局的某个位置）并且路径被传递到依赖项列表，它会在路径更改时触发。

Docs for usePath