如何在 React.js 中手动关闭 react-bootstrap “DropdownButton”答案

【问题标题】：How to manually close react-bootstrap "DropdownButton" in React.js如何在 React.js 中手动关闭 react-bootstrap “DropdownButton”
【发布时间】：2021-02-15 14:50:39
【问题描述】：

在 react-bootstrap 中，DropdownButton 应该是使用 Dropdown.Menu 和 Dropdown.Items 应用的 Dropdown 的简短版本，但我遇到的问题是我无法弄清楚如何手动打开/关闭下拉菜单。当单击框外的任何位置时，它会自动关闭，但我的 labelsArrayContainer 中有一个提交按钮，我想在单击后关闭下拉列表。下面是我的代码。

<OverlayTrigger placement="bottom" overlay={labelTooltip} delayShow={Constants.TOOLTIP_DELAY}>
      <span>
          <DropdownButton 
              bsStyle='secondary' 
              bsSize='small' 
              onClick={this.handleResetInput} 
              className="e-caret-hide" 
              title={<i className="fa fa-tag"/>} 
              id='label-dropdown-button'
           >
               {labelsArrayContainer}
          </DropdownButton>
       </span>
</OverlayTrigger>

【问题讨论】：

标签： javascript reactjs drop-down-menu react-bootstrap dropdownbutton

【解决方案1】：

我找到了答案。 DropdownButton 有一个 open 属性，它是文档中没有的布尔值。这可用于手动切换“DropdownButton”

【讨论】：