将多个语义ui react下拉键更新为state

constructor(props) {
  super(props);
  this.state = {
    dropdown1: false,
    dropdown2: false,
    dropdown3: false,
    // 其他下拉菜单的状态
  };
}

render() {
  return (
    <div>
      <Dropdown isOpen={this.state.dropdown1} />
      <Dropdown isOpen={this.state.dropdown2} />
      <Dropdown isOpen={this.state.dropdown3} />
      {/* 其他下拉菜单 */}
    </div>
  );
}

handleDropdownToggle = (dropdownName) => {
  this.setState((prevState) => ({
    [dropdownName]: !prevState[dropdownName]
  }));
}

render() {
  return (
    <div>
      <Dropdown isOpen={this.state.dropdown1} onToggle={() => this.handleDropdownToggle('dropdown1')} />
      <Dropdown isOpen={this.state.dropdown2} onToggle={() => this.handleDropdownToggle('dropdown2')} />
      <Dropdown isOpen={this.state.dropdown3} onToggle={() => this.handleDropdownToggle('dropdown3')} />
      {/* 其他下拉菜单 */}
    </div>
  );
}