[Issue 해결] React Slick 사용 시 Prev 버튼이 동작하지 않는 경우

❗️ Issue 

React Slick 라이브러리 사용 시,
Next 버튼은 정상적으로 작동하는데,
Prev 버튼은 마우스 오버 시 CSS도 동작하지 않고, 클릭을 하여도 슬라이드되지 않음

 

💡 Solution 

Prev 버튼의 css 속성인 z-index를 수정해 주면 됨.

Prev 버튼의 클래스명이 'slick-prev'로 설정되어 있으므로
아래의 코드를 삽입해 주면 해결 됨!

.slick-prev {
  z-index: 9999;
}

 

충분히 큰 숫자인 9999를 넣어주었는데, 9999로 설정 시에도 정상적으로 작동하지 않을 시, 더 큰 수를 입력해볼 수 있다.