react父组件props变化的时候子组件怎么监听？

import React, { Component } from 'react';
class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: 0
    };
  }
  handleClick = () => {
    this.setState(prevState => ({
      value: prevState.value + 1
    }));
  }
  render() {
    const { value } = this.state;
    return (
      <div>
        <button onClick={this.handleClick}>Increase</button>
        <ChildComponent value={value} />
      </div>
    );
  }
}
class ChildComponent extends Component {
  componentDidUpdate(prevProps) {
    if (prevProps.value !== this.props.value) {
      console.log('Prop value has changed');
    }
  }
  render() {
    const { value } = this.props;
    return (
      <div>
        <p>Value: {value}</p>
      </div>
    );
  }
}
export default ParentComponent;