在React中更新父道具

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      propValue: '初始值'
    };
  }

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

  updatePropValue = (newValue) => {
    this.setState({ propValue: newValue });
  }
}

class ChildComponent extends React.Component {
  handleClick = () => {
    const newValue = '新的值';
    this.props.updatePropValue(newValue);
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>更新父道具</button>
      </div>
    );
  }
}