如何使Bootstrap下拉不隱藏點擊下拉菜單中顯示的反應組件？

Question

我有一個包含在React-Bootstrap（例如React Bootstrap overlay =>搜索OverlayTrigger）的OverlayTrigger（觸發點擊並出現在底部）的反應組件（例如'x'）。我使用Bootstrap Dropdown來顯示'x'React組件。 （示例Bootstrap dropdown）

正如預期的那樣，疊加層必須出現在單擊x組件上，但引導程序下拉列表同時關閉。由此，疊加層出現在窗口的左上角位置並下拉隱藏。

是否有任何方法可以使覆蓋點擊不會影響下拉以隱藏，但如果用戶點擊下拉以外的任何位置，它應該關閉？

任何幫助，將不勝感激。提前致謝。

Answer 1

我發現當下拉按鈕被點擊時，下拉div（id = dropDownOpen）添加了open class。因此，當li item（即我的反應組件）被點擊時，我使用了向div打開的類的破解。

這是我的onClick功能觸發時任李項被點擊：

const keepDropDownOpen =() => { 
    window.$('#dropDownOpen').addClass('open'); 
}