React Slick with rows

Question

私は反応アプリに滑らかなカルーセルを追加したいと思います。 これは原点コードである：

http://kenwheeler.github.io/slick/

Iが反応-滑らか見つかったが、ベースコードで、それが可能これを可能にし反応し、スリック成分の複数の行（応答）

を追加します動作しない https://github.com/akiran/react-slick/issues/502

どのように私は起源のコードに存在するすべてのオプションと反応して滑らかなギャラリーを使用することができます。

Answer 1

I have implemented slick carousel in my react app. Please find below code : 

class SimpleSlider extends React.Component { 
render() { 
     var settings = { 
     dots: true, 
     autoplay: true, 
     arrows: true 
    }; 

    return (
     <Slider {...settings}> 
      <div><img src='../../src/assets/1.jpg' /></div> 
      <div><img src='../../src/assets/2.jpg' /></div> 
      <div><img src='../../src/assets/3.jpg' /></div> 
      <div><img src='../../src/assets/4.jpg' /></div> 
     </Slider> 
    ); 
} 
} 

If you want to add rows dynamically you can add that as well, you will need to make single row as a template in JavaScript and append it inside <Slider> component dynamically. Hope this would be helpful to you.