如何在自动播放的 React Awesome Slider 中隐藏计时器

Question

我正在使用具有自动播放功能的 React Awesome Slider。但是当我这样做时，幻灯片上会出现一个计时器更改并包装幻灯片项目。虽然我设置了 showtime: {false}，但它没有正确反映。

import AwesomeSlider from 'react-awesome-slider'
import withAutoplay from 'react-awesome-slider/dist/autoplay'

const AutoplaySlider = withAutoplay(AwesomeSlider)

const MySlider = () => (
  <AutoplaySlider play={true} showTimer={false}>
     <div>1</div>
     <div>2</div>
     <div>3</div>
  </AutoplaySlider>
)

Answer 1

很遗憾，我找不到任何解决方案。这似乎是关于 React Awesome Slider 的错误。我可能会为此发送拉取请求。但是，我使用 CSS 强制隐藏计时器。

.my-slider-class-name .awssld__timer {
    opacity: 0;
    pointer-events: none; /* prevent events (mouse clicking etc.) */
}

注意： 当我尝试显示：none 时，滑块停止工作。