React-Slick Carousel - 화살표 사용 안 함

Question

Google 어플에서 회전 효과를 위해 React-Slick을 사용하고 있습니다. 슬라이더의 콘텐츠는 동적이며 회전식 항목의 길이는 4에서 20 사이가 될 수 있습니다.

문제는 모든 콘텐츠의 너비가 슬라이더 트랙의 너비보다 작을 때 왼쪽 - 오른쪽 화살표가 작동합니다.

숨기거나 같은 경우에이 화살표를 비활성화 할 수있는 솔루션/해결 방법은 무엇입니까?

Answer 1

CSS를 JS와 함께 사용하여 데이터 내용에 따라 화살표 가시성을 수정합니다.

댓글을 게시 할 담당자가 아직 없지만 트릭을해야합니다.

Answer 2

문서를 살펴보십시오. 옵션을 사용 중지합니다.

https://github.com/akiran/react-slick

<ReactSlick arrows={false}>...</ReactSlick> 

Answer 3

Below is my code and to disable arrows just make arrows as false in settings : 

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

    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> 
    ); 
} 
} 

Some more configurable properties can be found here : https://www.npmjs.com/package/react-slick