使用父组件中的道具设置状态

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: 'initial value'
    };
  }

  render() {
    return <ChildComponent value={this.state.value} />;
  }
}

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      childValue: this.props.value
    };
  }

  render() {
    return <div>{this.state.childValue}</div>;
  }
}

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      childValue: this.props.value
    };
  }

  handleClick = () => {
    this.setState({
      childValue: this.props.value // 使用父组件传递的属性更新子组件的状态
    });
  };

  render() {
    return (
      <div>
        <div>{this.state.childValue}</div>
        <button onClick={this.handleClick}>Update State</button>
      </div>
    );
  }
}