限制反应预测输入中显示的项目数

Question

从几个月开始实施React。我使用了＆＃39; react-predictive-input＆＃39;用于预测 onchange 事件中预定义列表中的项目。

＆＃34; large＆＃34;数据集（500/1000项）AutoComplete组件变得非常慢，特别是在键入前3个字符时，因为它会在下拉列表中渲染许多项目，从而减慢整个界面的速度，即使对组件使用maxHeight也是如此。

我们是否有任何属性作为＆＃39; max-items＆＃39;从列表中显示？

以下是代码片段：

 <Autocomplete
         id="items"
         placeholder="My Items"
         data={this.props.items}
         onSelected={this.onItemSelected.bind(this)} />

如果选择了项目，则调用函数

 onItemSelected(value){
         console.log(`${value} was selected`);
     }

项目清单

static defaultProps = {
  items:[
   'car','Bicycle','Truck','Green Van'............................1000items]
};

文本预测工作正常，速度和显示正成为一个需要处理的问题。

Answer 1

我使用Material UI Autocomplete来检索问题中提到的用例。链接以供参考here。