重用DOM节点会导致巨大的累积布局偏移CLS

问题描述

enter image description here

这是一个刷新时间超过500毫秒的列表(通常会有服务器请求)。

https://codesandbox.io/s/silent-haze-6ku1v?file=/src/App.js:1268-1275

问题

一方面,通过重用DOM节点,通过为项目分配简单的键(这与ReactJS一样自然)迅速使我们获得了巨大的CLS >几次重新加载后。

另一方面,重新创建DOM节点为我们提供了性能开销,除了保留良好的UX现在需要缓存项目数据的事实。

问题

有没有可以同时解决CLS和性能开销的解决方案?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)