reactjs - 如何设置具有多个选项的 Material UI Select 组件的 size 属性？

Question

我正在尝试设置size本机 HTML 选择元素的属性。这决定了在多选中显示多少选项（即垂直高度）。我在文档中看不到这个道具。

<Field
  component={Select}
  disabled={props.disabled}
  name={props.name}
  multiple
  native
  size={props.size || 4}
>
  {props.children}
</Field>

该size属性在这里无效，似乎默认为四个选项，但我想要更多。

Field示例代码中的组件来自formik并且Select来自formik-material-ui。

Answer 1

您可以size通过以下方式指定inputProps：

<Field component={Select} multiple native inputProps={{ size: 6 }} ...>
  {options}
</Field>