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

【问题标题】：How to hide timer in React Awesome Slider in autoplay如何在自动播放的 React Awesome Slider 中隐藏计时器
【发布时间】：2020-08-20 09:04:32
【问题描述】：

我正在使用带有自动播放功能的 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>
)

【问题讨论】：

您应该创建一个最小的可重现示例（在codesandbox 上更好）

标签： javascript reactjs slider carousel autoplay

【解决方案1】：

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

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

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

【讨论】：