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

阅读 49

2022-03-31

在组件更新(例如组件的路由更新)后会执行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)

0 0 举报