如何在ReactJS中进行dropdowns状态的变异？

constructor(props) {
  super(props);
  this.state = {
    dropdownOpen: false
  };
}

toggleDropdown = () => {
  this.setState(prevState => ({
    dropdownOpen: !prevState.dropdownOpen
  }));
}

render() {
  const { dropdownOpen } = this.state;
  return (
    <div>
      <button onClick={this.toggleDropdown}>
        {dropdownOpen ? '关闭Dropdown' : '打开Dropdown'}
      </button>
      {dropdownOpen && (
        <div>
          // Dropdown内容
        </div>
      )}
    </div>
  );
}