реакция-пятно, в результате чего вся страница зависла

Question

Я установил следующую конфигурацию для act-slick :

infinite: true,
speed: 500,
slidesToShow: 6,
slidesToScroll: 5,
swipeToSlide: true,
autoplay: true,
arrows: false
dots: false

Каждый раз, когда скользящий объект скользит, вся страница зависает. Например, помимо этого слика, у меня есть таблица ниже. Когда я пытаюсь прокрутить свой стол, пока скользкое скользит, оно зависает, оно ждет, когда скользящее движение достигнет финиша sh, прежде чем я смогу прокрутить свой стол. То же самое происходит при открытии модального окна. Если пятно скользит, когда я открываю модальное окно, оно зависает, пока пятно не заканчивает слайд, прежде чем показывать моё модальное окно. Как решить эту проблему с зависанием?

Похоже, что даже при использовании самого слика страница зависает во время скольжения слайда.

Answer 1

Я знаю, что это не идеально, но реакция-пятно, кажется, не поддерживается уже несколько месяцев (и у него также есть проблемы с производительностью: https://github.com/akiran/react-slick/issues/1274, которые не были устранены сопровождающим ).

Я бы попробовал заменить его другим компонентом карусели и посмотреть, улучшится ли производительность. Я выбрал этот, как я использовал его раньше, и он, кажется, поддерживается лучше, чем реагирующий: https://github.com/express-labs/pure-react-carousel

Это еще одна библиотека, которую я использовал раньше - https://github.com/leandrowd/react-responsive-carousel но он не обновлялся в течение нескольких месяцев, поэтому я не могу рекомендовать его в данный момент.