reactjs - react-slick 没有滑动效果

Question

我正在使用这个 npm 组件来创建一个轮播。 https://github.com/akiran/react-slick

这很好用，但我需要找到一种方法来消除滑动效果。通过 repo 的文档有一个slide属性，但它似乎不起作用。有人遇到过这个案例吗？任何帮助将不胜感激！

Answer 1

如果您想禁用滑动效果并让幻灯片在过渡时保持原位，您可以使用fade属性完成此操作。它在此链接https://react-slick.neostack.com/docs/example/fade上显示得很好，但下面显示了一个简化的示例：

import React, { Component } from "react";
import Slider from "react-slick";

class Carousel extends Component {
  render() {
   const settings = {   
     slidesToShow: 1,
     fade: true
   };

  return (
    <div>
      <Slider {...settings}>
        // Carousel data here                
      </Slider>
    </div>
  );
}