Я хочу, чтобы раскрывающийся список оставался открытым после нажатия на элемент раскрывающегося списка в React.

Question

Я использую средство выбора диапазона дат в раскрывающемся элементе React. Однако всякий раз, когда я нажимаю на кнопку выбора даты начала, раскрывающийся список закрывается и не позволяет мне выбрать дату окончания. Я должен снова открыть раскрывающийся список, чтобы выбрать дату окончания.

Вот мой код для раскрывающегося списка:

<div className="dropleft">
              <button
                type="button"
                className="btn dropdown-toggle"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false">
                Custom Dropdown
              </button>
              <div className="dropdown-menu">
                <DateRangeFilter />
              </div>
            </div>

Было много ответов для достижения этого с чистым Javascript, но Я незнаком с этим. Как я могу сделать это с React?