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

[Гость]

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

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

это мой код

const settings = { точки: ложь, бесконечный: ложный, скорость: 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} = реквизит возвращаться ( ) } , я хочу, чтобы эта стрелка «Далее» была отключена, когда слайдов нет.