React Hook 实现监听路由切换实时同步渲染页面功能 程序员文章站 2022-06-21 12:27:08 ... 目的:切换路由显示当前具体位置 使用 useLocation 获取当前路由地址 import { useLocation } from 'react-router-dom'; `// 1、引入useLocation` function hook组件(props) { const { pathname } = useLocation(); `// 2、存储当前路由地址` useEffect(()=>{ `// 3、通过 useEffect 监听路由变化触发事务时间` toDoSometing() `// 4、具体的事务处理` },[pathname]) } 相关标签: React React Hooks react hooks 前端 上一篇: React Hook监听窗口变化 下一篇: React 监听页面滚动 推荐阅读 React Hook 实现监听路由切换实时同步渲染页面功能