如何设置反应的最大高度 select

Question

我正在尝试使用 maxMenuHeight 来限制 select 列表的高度，如下所示：

  <Form.Control as="select" size="sm" className="w-auto" maxMenuHeight={20} defaultValue={currentTimezone.timezone}>
    {currentTimezoneList}
  </Form.Control>

但是，select 列表仍然是全高：

Answer 1

我能够使用 Form.Control 的“htmlSize”属性解决此问题，记录在此处：

https://react-bootstrap.github.io/components/forms/#form-control-props

如何设置反应的最大高度 select

How to set max height on react select

react-bootstrap