ブートストラップの作成方法ドロップダウン内に表示されたコンポーネントをクリックしてクリックしても非表示にしないでください。

Question

React-Bootstrap（例：React Bootstrap overlay => OverlayTriggerの検索）のOverlayTrigger（クリック時にトリガーされ、下部に表示されます）にラップされた反応コンポーネント（ 'x'）があります。私はBootstrap Dropdownを使って 'x' React Componentsを表示しています。 （例：Bootstrap dropdown）

期待どおり、xコンポーネントをクリックすると表示されるはずですが、ブートストラップのドロップダウンも同時に閉じます。これにより、ウィンドウの左上の位置にオーバーレイが表示され、ドロップダウンが非表示になります。

オーバーレイクリックを行う方法はありますか？非表示にするドロップダウンには影響しませんが、ユーザーがドロップダウンの外側のどこかをクリックすると閉じる必要がありますか？

ご協力いただければ幸いです。前もって感謝します。

Answer 1

ドロップダウンボタンがクリックされたときに、オープンクラスがドロップダウンリスト（id = dropDownOpen）に追加されていることがわかりました。したがって、アイテム（つまり、自分の反応コンポーネント）がクリックされたときにdivにクラスを追加するというハックを使用しました。

この

は私のonClick関数は、任意の李アイテムがクリックされたときにトリガーされます。

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