单击任意位置以关闭react中的下拉列表

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

render() {
  const { isDropdownOpen } = this.state;

  return (
    <div>
      <button onClick={this.toggleDropdown}>点击打开下拉列表</button>
      {isDropdownOpen && (
        <ul>
          <li>选项1</li>
          <li>选项2</li>
          <li>选项3</li>
        </ul>
      )}
    </div>
  );
}

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