反应选择列表长度

【问题标题】：React-select list length反应选择列表长度
【发布时间】：2021-08-04 07:26:30
【问题描述】：

我正在使用来自react-select 库的Select component。 npm i --save react-select

如何设置它显示的列表的最大长度？我的意思是，假设我有 20 个项目，当我点击 input 时，我只想显示 5 个项目并使列表可滚动，其余项目被隐藏。

【问题讨论】：

标签： javascript reactjs input react-select

【解决方案1】：

您可以使用minMenuHeight={50} 或maxMenuHeight={100}

&lt;Select minMenuHeight={50} maxMenuHeight={100} value={selectedValue} options={this.state.selectOptions} onChange={this.handleChange.bind(this)} /&gt;

【讨论】：

codesandbox.io/s/react-select-test-selected-value-jc52f 在这里进行实验。