react-bootstrap - 如何在反应选择上设置最大高度

Question

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

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

但是，选择列表仍然是全高：

标签： react-bootstrap

Answer 1

我能够使用 Form.Control 的“htmlSize”属性来解决这个问题，该属性记录在这里：

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