在react中我们会经常使用一些数组的方法处理数据,然后再setState回去,这个处理数据的时间几乎短到可以忽略不计,但是如果数据量很大呢,比如一个下拉框,有几千上万条数据,通过关键词搜索精确匹配或者模糊匹配过滤出对应的下拉选项,这个数据前端自己处理时候,如果直接使用数组的处理方法,可能会卡一下,毕竟数据量大,而且渲染dom渲染个几千个dom会很卡。
防抖确实有一定效果,但是效果有限,如果我就搜关键字1,或者关键字2,还是能模糊匹配到几千个,还是很卡
如果dom很多的时候,可以用虚拟滚动解决,但是公司的组件库里的Select不支持虚拟滚动,所以放弃这个方案了,但是如果你用的是Ant design,那么恭喜你能直接使用虚拟滚动,升级到最新版即可