过滤长列表需要很长时间才能运行

Question

我有一个包含约7000个对象的下拉菜单。我尝试使用语义UI响应组件，但是搜索和获取结果仍然需要很长时间。

我的copyList包含所有选项，filteredCopyList是onKeyUp下拉菜单中呈现的内容。由于呈现一长串项目并同时过滤它们，它会变慢吗？

//list of 7000
const copyList = [
    {itemDesc: 'itemDesc1', shortDesc: 'shortDesc1'}
]


filterList = () => {
    const re = new RegExp(_.escapeRegExp(this.state.searchCopyList),'i');
    const isMatch = result => (re.test(result.shortDesc) || 
    re.test(result.itemDesc));
    this.setState({
        filteredCopyList: _.filter(this.state.copyList, isMatch)
    });
}

Answer 1

您可以尝试使用以下npm软件包：

Infinite Scrolling package