选择组件的自定义搜索功能

Question

我正在使用ant设计选择和搜索组件。我正在使用15k条目的大量数据集。我尝试使用“react-select-fast-filter-options”，但该组件仍然在搜索时冻结。滚动问题有多种解决方案，如“无限滚动”，分页......但任何想法如何解决“搜索”性能问题？比如使用高性能搜索算法创建自己的自定义搜索功能？或者我应该只是引用服务器来处理搜索查询？

Answer 1

正如其他人在评论中指出的那样，这种类型的搜索应该在后端代码的帮助下执行。拥有数千个选择选项将使整个DOM变慢，无论如何。

为AntD打开bugs以提高select的性能，但我不确定这可以改进以正确处理15000个项目。

此外，在搜索框中添加debounce，这样您只需在用户停止输入一段时间后（例如500毫秒）执行搜索，这也有助于提升效果。