Happy New Year!

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虚拟滚动就不会产生计算问题了。

 

posted @ 2021-08-13 10:02  一只看夕阳的猫  阅读(2666)  评论(0编辑  收藏  举报
返回顶部小火箭
世界很公平,想要最好,就一定得付出!
x
博客主页