reactjs - 当我在视图中添加两张幻灯片时，React-slick 在 DOM 中显示 5 个幻灯片元素

Question

我在滑块中有两个元素。我注意到它实际上创建了另外 5 张幻灯片。它们的数据索引从 -1 到 3 不等。

只渲染一个元素没有这个问题。它只显示 DOM 中的单个元素。

我正在渲染的组件位于位置 1。

有没有办法删除 DOM 中的克隆幻灯片元素？

我遇到的问题是位置 -1 和 3 的幻灯片有一个具有相同 ID 的 div。

现在，当我这样做时document.getElementById()，我看不到实际组件的属性。

`

Answer 1

看起来你可以将{infinite:false}prop 传递给选项，问题就解决了。

这是因为 react slick 在视图中当前元素的两侧维护了两个 div。这是为了确保即使用户双向滚动也可以发生滑动。

传递这个道具会否定这种行为