Ich habe zwei Komponenten:Parent Component, von dem aus ich den Status der untergeordneten Komponente ändern möchte:

class ParentComponent extends Component {
  toggleChildMenu() {
    ?????????
  }
  render() {
    return (
      <div>
        <button onClick={toggleChildMenu.bind(this)}>
          Toggle Menu from Parent
        </button>
        <ChildComponent />
      </div>
    );
  }
}

UndChild Component:

class ChildComponent extends Component ,{
  constructor(props) {
    super(props);
    this.state = {
      open: false;
    }
  }

  toggleMenu() {
    this.setState({
      open: !this.state.open
    });
  }

  render() {
    return (
      <Drawer open={this.state.open}/>
    );
  }
}

Ich muss entweder das @ der untergeordneten Komponente ändeöffne state von Parent Component, oder rufen Sie das @ von Child Component atoggleMenu () von der übergeordneten Komponente, wenn auf die Schaltfläche in der übergeordneten Komponente geklickt wird?