Как предотвратить закрытие выпадающего меню - PullRequest
Новая
       15

Как предотвратить закрытие выпадающего меню

0 голосов
/ 15 октября 2019

Я бы хотел запретить закрытие раскрывающегося меню при нажатии. Я хочу закрыть раскрывающееся меню только при щелчке снаружи или при нажатии кнопки «Указать» внутри раскрывающегося меню.

Вот мой код => 

<div className="loginuser">
            <button type="button"  className="btn btn-default dropdown-toggle p-0 fontsize135 "  id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <img src="https://www.gravatar.com/avatar/74e30e21c1a9aa8822feddd44d7a893c?s=48&amp;d=identicon&amp;r=PG&amp;f=1" width="24" height="24" className="mr-2" alt="administrator"></img>
              Administrator
            </button>
            <div className="dropdown-menu loginuserdiv"  aria-labelledby="dropdownMenu">
              <button type="button" className="btn btn-default" onClick={this.handleloginuserclose}>Close</button>

            </div>
          </div>

Когда я нажимаюкнопка переключения, я показываю loginuserdiv, и я хочу закрыть только при нажатии за пределами выпадающего меню или нажмите кнопку закрытия внутри выпадающего меню.

Теперь div выпадающего менюзакрыть, где бы я ни щелкнул, и Как остановить это?

Я попытался с помощью e.stopPropagation(); в выпадающем меню div щелкнуть, и это не работает.

...