react router 如何全局监听路由变化、路由切换

阮一峰 router 基础教程 http://www.ruanyifeng.com/blog/2016/05/react_router.html

场景 使用触摸板 对浏览器进行前进后退,导致页面的路由Menu没有发生变化

解决办法:通过对路由添加监听事件,手动触发onClick 事件

 componentDidMount() {
 	// 给当前路由加入监听事件
    this.props.history.listen(location => {
    	// 判断当前路由地址 和 发生变化后的 路由地址 是否一致
    	if(this.props.location.pathname!==location.pathname){
    		// 不一致的请情况下可以触发函数进行处理
    		// this.function()
			...
		}
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值