import { useLocation } from 'react-router-dom'; `// 1、引入useLocation`
function hook组件(props) {
const { pathname } = useLocation(); `// 2、存储当前路由地址`
useEffect(()=>{ `// 3、通过 useEffect 监听路由变化触发事务时间`
toDoSometing() `// 4、具体的事务处理`
},[pathname])
}
React Hook 实现监听路由切换实时同步渲染页面功能
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 今天碰到一个在路由跳转时,公共组件也重新渲染的问题。由于react用的不熟,竟然忽略了添加key,这么重要的点。d...
- 弹窗前确认 一、需要离开提示页面上添加a.引入Prompt b.在页面中添加组件,可在render内任一地方添加 ...
- 1.state hook : set同一变量的话不重新render 方式1:点击按钮,正常渲染,div里面的数值加...