React Antd中控制走马灯是否轮播

前言:最近遇到了一个需求,就是需要通过按钮来控制是否轮播,技术栈是React+Antd,我选择了Antd的 Carousel,遇到一个问题,通过数据控制autoplay属性不成功,于是想了一个解决办法,这里只提供我的思路。

  1. 一个容器,里面放两个 Carousel 通过position 重叠在一起;
  2. 一个加 autoplay 属性,另一个不加;
  3. 通过 React 的数据来来控制样式 display : "none" 显示隐藏;

你可能感兴趣的:(React Antd中控制走马灯是否轮播)