Слайдер React-Slick Пользовательские стрелки ⇐ Javascript

[Anonymous]

Я использую библиотеку react-slick для компонента слайдера, мой компонент Slider содержит 8 слайдов, изначально мои кнопки «Предыдущая» и «Следующая» работают нормально, i хочу, чтобы кнопка «Следующая» была отключена, когда не осталось слайдов для перемещения , кнопка «Предыдущая» работает нормально, но кнопка «Следующая» работает неправильно.

Здесь, на изображении выше, вы можете видеть, что кнопка «Далее» все еще включена, и я могу нажать ее, даже если нет слайдов для перемещения. Я хочу, чтобы эта стрелка «Далее» была отключена, когда слайдов нет.

это мой код

константные настройки = { точки: ложь, бесконечный: ложный, скорость: 500, слайдыToShow: 3, слайдыToScroll: 3, следующаяСтрелка: , предыдущаяСтрелка: , отзывчивый: [ { точка останова: 1024, настройки: { слайдыToShow: 3, слайдыToScroll: 3, }, }, { точка останова: 600, настройки: { слайдыToShow: 2, слайдыToScroll: 2, начальный слайд: 2, }, }, { точка останова: 480, настройки: { слайдыToShow: 1, слайдыToScroll: 1, }, }, ],

функция NextButton(реквизит) { const {имя класса, стиль, onClick} = реквизит возвращаться ( )

функция PrevButton(реквизит) { const {имя класса, стиль, onClick} = реквизит возвращаться ( )

, я хочу, чтобы эта стрелка «Далее» была отключена, когда слайдов нет.