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

问题描述

在react-bootstrap中，DropdownButton假定是Dropdown的简短版本，并带有Dropdown.Menu和Dropdown.Items，但问题是我不知道如何手动打开/关闭该下拉菜单。单击框外的任何位置时，它都会自动关闭，但是在我的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>

解决方法

我找到了答案。 DropdownButton具有open属性，该属性是布尔值，不在文档中。这可以用来手动切换“ DropdownButton”