当我在视图中添加了两张幻灯片时，React-slick 在 DOM 中显示了 5 个幻灯片元素
React-slick shows 5 slide elements in DOM when i have added two slides in view
滑块中有两个元素。我注意到它实际上创建了另外 5 张幻灯片。它们的数据索引从 -1 到 3 不等。
只渲染一个元素没有这个问题。它只显示 DOM.
中的单个元素
我正在渲染的组件在位置1。
有什么方法可以删除 DOM 中的克隆幻灯片元素？
我遇到的问题是位置 -1 和 3 的幻灯片具有相同 ID 的 div。
现在，当我执行 document.getElementById() 时，我看不到实际组件的属性。
`
看来您只需将 {infinite:false} 属性传递给选项即可解决问题。
这是因为react slick 在视图中的当前元素的两侧维护了两个div。这是为了确保即使用户双向滚动也能发生滑动。
传递此 prop 会否定该行为
滑块中有两个元素。我注意到它实际上创建了另外 5 张幻灯片。它们的数据索引从 -1 到 3 不等。
我正在渲染的组件在位置1。
有什么方法可以删除 DOM 中的克隆幻灯片元素？
我遇到的问题是位置 -1 和 3 的幻灯片具有相同 ID 的 div。
现在，当我执行 document.getElementById() 时，我看不到实际组件的属性。
`
看来您只需将 {infinite:false} 属性传递给选项即可解决问题。
这是因为react slick 在视图中的当前元素的两侧维护了两个div。这是为了确保即使用户双向滚动也能发生滑动。
传递此 prop 会否定该行为