Question

我想避免单击时关闭下拉菜单。我只想在单击外部时单击下拉菜单，或单击下拉菜单内部的指定按钮。

这是我的代码=>

<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下拉菜单都已关闭？

我尝试使用div下拉菜单中的e.stopPropagation();，但它不起作用。

如何防止下拉菜单关闭

0 个答案: