2

ReactJS の学習を始めたばかりで、既存のテンプレートを ReactJS に移植する必要がありました。現在、react-slick で行を実装する際に問題が発生しています。2015 年以来、多くの人がこれを求めているのを見てきましたが、答えはありませんでした。Slick-Carousel と同じ作者が ReactJS 専用に作成した新しい Nuka Carousel でさえ、行のサポートを実装していませんでした。

react-slick または nuka-carousel に行を含めるための最善の回避策は何ですか?

4

1 に答える 1

1

この質問が投稿されてから少し時間が経ちましたが、React-Slick は、キーslidesPerRowと行を使用して構成可能な設定として複数の行をサポートするようになりました。

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>
    );
  }
}
于 2018-04-10T20:35:55.900 に答える