Не работает React Slick, сделал npm install react-slick и npm install slick-carousel

197

04 сентября 2018, 11:00

Взял код из Example в репозитории react-slick гитхаба, но он отказывается работать, появляются точки и дикий горизонтальный скролл. ПРоект был создан через create-react-app

import React, { Component } from "react"; 
import Slider from "react-slick"; 
import "slick-carousel/slick/slick.css"; 
import "slick-carousel/slick/slick-theme.css"; 
 
export default class SimpleSlider extends Component { 
  render() { 
    const settings = { 
      dots: true, 
      infinite: true, 
      speed: 500, 
      slidesToShow: 1, 
      slidesToScroll: 1 
    }; 
    return ( 
      <div> 
        <h2> Single Item</h2> 
        <Slider {...settings}> 
          <div> 
            <h3>1</h3> 
          </div> 
          <div> 
            <h3>2</h3> 
          </div> 
          <div> 
            <h3>3</h3> 
          </div> 
          <div> 
            <h3>4</h3> 
          </div> 
          <div> 
            <h3>5</h3> 
          </div> 
          <div> 
            <h3>6</h3> 
          </div> 
        </Slider> 
      </div> 
    ); 
  } 
}