Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 选择组件的自定义搜索功能_Reactjs_Search_Antd - Fatal编程技术网

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

Reactjs 选择组件的自定义搜索功能,reactjs,search,antd,Reactjs,Search,Antd,我正在使用ant设计选择和搜索组件。我使用的是15k条目的庞大数据集。我尝试使用“反应-选择快速过滤器选项”,但组件在搜索时仍然冻结。有多种解决方案的滚动问题,如“无限滚动”,分页。。。但是,你知道如何解决“搜索”性能问题吗?比如使用高性能搜索算法创建自己的自定义搜索功能?或者我应该只参考服务器来处理搜索查询吗?正如其他人在评论中指出的那样,这种类型的搜索应该在后端代码的帮助下执行。拥有数千个select选项将使整个DOM变慢,无论发生什么情况 有一些对AntD开放的方法可以提高select的性

我正在使用ant设计选择和搜索组件。我使用的是15k条目的庞大数据集。我尝试使用“反应-选择快速过滤器选项”,但组件在搜索时仍然冻结。有多种解决方案的滚动问题,如“无限滚动”,分页。。。但是,你知道如何解决“搜索”性能问题吗?比如使用高性能搜索算法创建自己的自定义搜索功能?或者我应该只参考服务器来处理搜索查询吗?

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

有一些对AntD开放的方法可以提高select的性能,但我不确定这是否可以改进以适当地处理15000个项目


另外,在搜索框中添加一个搜索框,以便在用户停止键入一段时间(比如500毫秒)后执行搜索,这也有助于提高性能。

尝试使用服务器端搜索来搜索如此大的数据。。。。无需将所有数据上传到页面,然后对其进行过滤。第二,这应该在服务器端完成。只需在客户端显示结果,并使用自动完成而不是简单选择(antd)。我们将其用于重量约为15TB的数据库!嗯,我从服务器端开始分页,我试着做一些“无限滚动”,但不幸的是,AntD select没有跟踪滚动的位置(它只提供触发每个像素的onScroll选项)。那太令人沮丧了!我现在正尝试切换到列表组件来执行虚拟化和无限加载程序技巧。我希望这能奏效!对于搜索查询,我肯定会在服务器端处理它们。