react 类组件监听props变化

在React中，类组件可以通过生命周期方法来监听和响应props的变化。

一旦父组件传递给子组件的props发生变化，React会触发子组件的更新过程。在这个过程中，子组件的`componentWillReceiveProps()` 生命周期方法会被调用。

`componentWillReceiveProps()`方法接收一个参数，即新传递给子组件的props。我们可以在这个方法中比较新旧props的值，然后根据需要来更新子组件的状态或执行其他操作。

例如，假设有一个名为`Child`的子组件，接受一个名为`value`的props：

class Child extends React.Component {
  componentWillReceiveProps(nextProps){
    // 比较新旧props值
    if(nextProps.value !== this.props.value){
      // 做一些操作，比如更新子组件的状态
      this.setState({value: nextProps.value});
    }
  }
  
  render(){
    return <div>{this.state.value}</div>;
  }
}

在上面的例子中，如果`Child`组件接收到新的`value`props时，会通过比较新旧props的值来更新自身的状态，从而实现对props变化的监听和响应。

需要注意的是，`componentWillReceiveProps()`在React 17及之后的版本中被标记为不推荐使用，因为它存在一些问题。可以使用更稳定的`getDerivedStateFromProps()`方法来代替。但是对于React 16及之前的版本，`componentWillReceiveProps()`仍然是一个有效的方法来监听props的变化。