react-slick 没有滑动效果

【问题标题】：react-slick without sliding effectreact-slick 没有滑动效果
【发布时间】：2017-12-06 18:50:21
【问题描述】：

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

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

【问题讨论】：

【解决方案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>
  );
}

【讨论】：