如何监听导航事件？

Question

问题：当用户在同一页面内导航时，我想使用基于 href 变化的回调函数。

例如，我想在用户导航出组件时使用回调（将 href 从 localhost:3000/user 更改为 localhost:3000/about）

我试过了

• popstate（使用 forward/backward 时有效）
• 卸载（刷新时有效）
• pagehide/pageshow好像一点反应都没有。
• visibilitychange 每当我移出选项卡时都会触发，但这不是我想要的。

Answer 1

您可以使用useEffect清理函数在组件卸载时触发逻辑。

useEffect(() => {
        effect
        return () => {
            cleanup
        }
    }, [input])