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

Question

在 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>

Answer 1

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