리액트 slick 사용하는데 슬라이드 드래그가 안먹힙니다.

Question

import 'slick-carousel/slick/slick.css';import 'slick-carousel/slick/slick-theme.css';import Slider from 'react-slick';const settings = { className: "center", infinite: true, centerPadding: "60px", slidesToShow: 5, swipeToSlide: true, afterChange: function(index) { console.log( Slider Changed to: ${index + 1}, background: #222; color: #bada55 ); } };또는var settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, draggable: true, // 드래그 기능 활성화 swipeToSlide: true, // 스와이프로 슬라이드 이동 가능 touchThreshold: 100 // 터치/드래그 민감도 설정 (선택사항) };이렇게하고 그냥 슬라이더

1

2

3

4

5

6

7

8

9

setting 에 맞는 각 각 슬라이더 React Slick 페이지에서 바꿔봐도 안됩니다.드래그로 슬라이드 옮기려니까 드래그가 아얘안되는데 원인이 보이실까요 ?

최혁진 · Answer

https://stackblitz.com/edit/vitejs-vite-ownrun?file=src%2FImageSlider.jsx여기서도 잘동작하는데패키지 제대로 받으셨나 확인해보세요. Installationnpmnpm install react-slick --saveyarnyarn add react-slickAlso install slick-carousel for css and fontnpm install slick-carousel // Import css files import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css";

리액트 slick 사용하는데 슬라이드 드래그가 안먹힙니다.

1개의 답변

#slick 목록