无法在react中更新父属性

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

  updateParentProperty = (newValue) => {
    this.setState({ parentProperty: newValue });
  };

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

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

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