javascript - 避免在单击内部元素时隐藏下拉菜单[react-bootstrap]

我想通过单击其中的元素来隐藏下拉机器人。我正在寻找通过JQuery做到这一点的方法。有什么方法可以通过仅将JavaScript与react-bootstrap结合使用吗？

我在onBlur上调用以下函数：

hideButtons(e){
    console.log("We here!", e.target.id)
    if(e && e.relatedTarget){
        e.relatedTarget.click();
    }
    this.setState({showAccountButtons: false},()=>{
        console.log(this.state.showAccountButtons)
    });
}

最佳答案

React-bootstrap有一个支持onSelect的回调。因此，只需在回调中做您需要做的事情即可。

https://react-bootstrap.github.io/components/dropdowns/

有了问题中的可用信息，看起来下面的事情就足够了。

hideButtons(e){
    this.setState({showAccountButtons: false},()=>{
        console.log(this.state.showAccountButtons)
    });
}

<Dropdown onSelect={hideButtons} .../>

如果它不起作用，请发表评论，并用更多信息更新您的问题，如果需要，我将更新答案