使用React Bootstrap Dropdown设置最大高度

Question

我使用的是react引导程序下拉代码。我有以下代码

<Dropdown className="MentorList_Dropdown">
<Dropdown.Toggle className="MentorList_DropdownToggle" id="MentorList_DropDown">
Categories
</Dropdown.Toggle>
<Dropdown.Menu className="MentorList_DropdownMenu">
<Dropdown.Item className="MentorList_DropdownItem" onClick={(ev) => this.handleCategorySelect(ev, 0)}>All</Dropdown.Item>
{categoriesDropItems}
</Dropdown.Menu>
</Dropdown>

列表太长。如何使下拉菜单滚动并给它一个最大高度？

我尝试了以下

.MentorList_Dropdown {
max-height: 300px;
overflow-y: scroll;
} 

但是下拉列表消失了。

Answer 1

使用height而不是max-height。

.MentorList_Dropdown {
height: 300px;
overflow-y: scroll;
}