keen-slider react js 额外的点显示问题

Question

有一个我无法解决的错误 keen-slider react js 中有一个错误，当没有更多的项目要滑动但出现点时

有代码沙盒代码 https://codesandbox.io/s/quiet-fog-ekwqd?file=/src/App.js

Answer 1

由于图书馆没有提供明显的解决方案，因此设置的点数少于最大值。

在您的情况下，在获取幻灯片长度时输入“-2”：

{slider && (
    <div className="dots">
      {[...Array(slider.details().size - 2).keys()].map((idx) => {
        return (
          <button
            key={idx}
            onClick={() => {
              slider.moveToSlideRelative(idx)
            }}
            className={"dot" + (currentSlide === idx ? " active" : "")}
          />
        )
      })}
    </div>
  )}