0
点赞
收藏
分享

微信扫一扫

React---使用componentDidUpdate钩子函数判断路由地址是否发生变化

程序员阿狸 2022-03-31 阅读 49
react.js

在组件更新(例如组件的路由更新)后会执行componentDidUpdate钩子函数

componentDidUpdate方法会传入两个参数:prevPropsprevState

prevProps, prevState可以拿到组件更新前的数据

因为路由的信息是通过props传递给组件的,所以,通过比较前后的两个props就可以判断路由地址是否发生变化

应用:

  componentDidUpdate(prevProps) {
    console.log(prevProps);
    console.log(this.props);
    if (prevProps.location.pathname !== this.props.location.pathname) {
      //业务处理逻辑
    }
  }
举报

相关推荐

0 条评论