问题描述
我正在使用 react-slick 滑块显示一组图像。在用户穿过某个幻灯片位置后,我正在调用另一个 API 并使用存储在组件状态中的 old.concat(new) 将新结果附加到现有结果中。每次调用 API 时,滑块显示 2 行(更改其高度),然后再次调整其高度。 将 API 数据添加到数组后,是否存在干扰滑块并在几秒钟后修复的故障?我该如何解决这个问题?
我创建了代码沙盒来复制这里的问题:https://codesandbox.io/s/react-slick-playground-forked-ub5fy
解决方法
我有同样的问题, 对我来说唯一的解决方法是从设置中将 lazyLoad 设置为 true。
const settings = {
lazyLoad: true
}