Antd Tree组件虚拟滚动空白问题
近期在项目中使用ant design 的tree组件时,由于数据量大的时候,开启了虚拟滚动,导致快速滚动时页面出现空白现象,如下图:
仔细排查了一下具体原因,是antd tree的bottom和scroll top计算没算对,导致多滚动了一段距离,仔细排查发现,antd tree依赖了rc-tree,rc-tree又依赖了rc-virtual-list,和antd官网例子对比分析发现,我们和他们最大的区别就在于rc-virtual-list的版本号。
虽然我们删除了node_modules和yarn.lock, 重新yarn install 但rc-virtual-list的版本号并没有发生改变,那我们就在yarn.lock中的rc-virtual-list(如下图)这几行代码删掉,重新yarn install --force就可以了。
rc-virtual-list的 3.2.5版本有bug.... 升级到3.3.0虚拟滚动就不会产生计算问题了。
———————————— 方向错了,停下来就是进步 ————————————