Question

我刚开始学习ReactJS并且必须将现有模板移植到ReactJS模板。目前我在react-slick中实现行时遇到了麻烦。自2015年以来，我见过很多人要求这样做，但没有回答。即使是与Slick-Carousel同一作者专门为ReactJS创建的新Nuka Carousel，也没有实现对行的支持。

在react-slick或nuka-carousel中拥有行的最佳解决方法是什么？

Answer 1

自此问题发布以来已经过了一段时间，但React-Slick现在支持多行作为可配置设置，其中包含 slidesPerRow 和行键见here。

export default class MultipleRows extends Component {
  render() {
    const settings = {
      rows: 2,
      slidesPerRow: 2
    };
    return (
      <div>
        <Slider {...settings}>
          <div>
            <h3>1</h3>
          </div>
          <div>
            <h3>2</h3>
          </div>
          <div>
            <h3>3</h3>
          </div>
          <div>
            <h3>4</h3>
          </div>
        </Slider>
      </div>
    );
  }
}

带行的React-slick或Nuka轮播

1 个答案: