Избегайте сокрытия выпадающего меню при нажатии на внутренние элементы.

Question

Я хочу скрыть выпадающего бота, щелкая элементы внутри него. Я нахожу способы сделать это через JQuery. Есть ли способ сделать это, используя JavaScript только с response- 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)
    });
}  

Answer 1

React- bootstrap имеет реквизит onSelect, который принимает обратный вызов. Так что просто делайте то, что вам нужно сделать в обратном вызове.

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

С доступной информацией в вашем вопросе, похоже, что выполнения ниже достаточно.

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

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

оставьте комментарий, если он не работает, а также обновите ваш вопрос с дополнительной информацией, и я обновлю ответ, если потребуется