有没有其他方法可以使用react-slick或我的代码中有任何错误

Question

我正在尝试使用react-slick软件包移动卡，但是我的代码无法做到这一点

我的代码是：

function Slick(): JSX.Element {
  var settings = {
    dots: true,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1
  };
  return (
    <div className={styles.mainContainer}>
      <Slider  {...settings}>
        {data.map(data => (
          <div className={styles.card}>
            <h5>{data.name}</h5>
          </div>
        ))}
      </Slider>
    </div>
  );
}
export default Slick;

我正在得到这样的输出output

Answer 1

我想您需要在自动配置中将自动播放设置添加为true