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

Question

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

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

标签： javascriptreactjsslick.jsreact-slick

Answer 1

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

 const settings = {
                   lazyLoad: true
                  } 

React-Slick LazyLoad