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

Question

从几个月开始实施 React。我使用 'react-predictive-input' 来预测 onchange 事件中预定义列表中的项目。

对于“大型”数据集（500/1000 项），自动完成组件会变得非常慢，尤其是在键入前 3 个字符时，因为它会使下拉列表中的许多项减慢整个界面，即使对组件使用 maxHeight 也是如此。

我们是否有任何属性作为“最大项目”从列表中显示？

下面是sn-p的代码：

 <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。