动态添加光滑的项目时反应光滑的高度问题

问题描述

我正在使用 react-slick 滑块显示一组图像。在用户穿过某个幻灯片位置后,我正在调用一个 API 并使用存储在组件状态中的 old.concat(new) 将新结果附加到现有结果中。每次调用 API 时,滑块显示 2 行(更改其高度),然后再次调整其高度。 将 API 数据添加到数组后,是否存在干扰滑块并在几秒钟后修复的故障?我该如何解决这个问题?

我创建了代码沙盒来复制这里的问题:https://codesandbox.io/s/react-slick-playground-forked-ub5fy

解决方法

我有同样的问题, 对我来说唯一的解决方法是从设置中将 lazyLoad 设置为 true。

 const settings = {
                   lazyLoad: true
                  } 

React-Slick LazyLoad