如何为 React bootstrap DropDown 添加滚动条？ [复制]

Question

我正在使用 react bootstrap 下拉菜单，from here

当我的下拉列表中的项目很多时，列表垂直溢出，没有响应，如快照 所示 我想给它添加一个滚动条，但我不能。请帮忙。

这是我的示例代码

            <DropdownButton
                id="dropdown-basic-button"
                title={this.props.passenger.seatNumber}
                onSelect={(evt) => this.handleSeatSelection(evt)}
                variant="info"
              >
                {this.state.availableSeatNumbers.map((seatNumber) => (
                  <Dropdown.Item key={seatNumber} eventKey={seatNumber}>
                    {seatNumber}
                  </Dropdown.Item>
                ))}
              </DropdownButton>

Answer 1

你可以简单地给你的下拉菜单类一个固定的高度，并设置overflow-y来滚动，如下所示

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