React.js -如何从父组件更新动态子组件的属性/属性/状态？

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      dynamicProp: '初始值',
    };
  }

  updateDynamicProp = (newValue) => {
    this.setState({ dynamicProp: newValue });
  }

  render() {
    return (
      <div>
        <ChildComponent
          dynamicProp={this.state.dynamicProp}
          updateDynamicProp={this.updateDynamicProp}
        />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick = () => {
    const newValue = '新的值';
    this.props.updateDynamicProp(newValue);
  }

  render() {
    return (
      <div>
        <p>动态属性值：{this.props.dynamicProp}</p>
        <button onClick={this.handleClick}>更新属性值</button>
      </div>
    );
  }
}