Javascript 单击输入时，React Bootstrap下拉菜单关闭

我已经有一段时间不同意这个问题了。我意识到以前有人问过这个问题，但我看到的问题没有一个是完全相同的（要么与反应无关，要么答案不起作用）

我的问题是，我有一个下拉菜单与反应引导与嵌套的文本输入。当我点击输入时，菜单自动关闭

根据一些答案，我试图阻止事件的传播，但当我这样做时，我无法在输入字段中写入任何内容。此外，无论是立即阻止还是防止违约，都是毫无意义的

这是我在组件内部渲染时的下拉列表：

    <ButtonGroup>
      <DropdownButton className="filter-ddown1" id="filter-ddown1" title="Rango de Precio">
        <MenuItem className="itemxx" href="#"><input className="minmax" onClick={this.dontClose} type="text" placeholder="Min" value={this.props.state.minPrice}></input><label> - </label><input className="minmax" type="text" placeholder="Max" value={this.props.state.maxPrice}></input></MenuItem>
      </DropdownButton>
    </ButtonGroup>

---

如果你能帮忙的话，我会提前向你表示感谢。

请随便拉小提琴。对不起，我对网络很陌生。你能解释一下吗？好吧，为了让任何人测试这个，他们必须下载js插件并编写所有代码。由于这是一个免费的论坛，人们不太可能花费所有的时间和精力。在这样的情况下，制定一个计划是有帮助的，这样人们就可以看到问题的实际情况。或者，问题编辑器中有一个部分允许您执行相同的操作。这是右边的第七个按钮，页面上有

符号。我现在正在搜索相同的答案

  dontClose:function(e){
    e.preventDefault();
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
  }