React从一个组件更改另一个组件的状态

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      status: 'initial'
    };
  }
  // ...
}

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

  updateStatus() {
    this.setState({ status: 'updated' });
  }

  render() {
    return (
      <div>
        <p>Status: {this.state.status}</p>
        <button onClick={() => this.updateStatus()}>Update Status</button>
      </div>
    );
  }
}

class AnotherComponent extends React.Component {
  render() {
    return (
      <div>
        <button onClick={this.props.updateStatus}>Change Status</button>
      </div>
    );
  }
}

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <MyComponent />
        <AnotherComponent updateStatus={() => this.updateStatus()} />
      </div>
    );
  }
}