Доброе утро! Вопрос по Swiper. У меня есть в обертке

Question

Доброе утро! Вопрос по Swiper. У меня есть в обертке

чекбокс - включить/выключить автопролистывание. По умолчанию выключено.
Передаю пропс isAuto в опции swiper autoplay={isAuto}, но при этом автоплей не работает при изменении состояния.
Кто сталкивался с таким кейсом? Пример кода:

const [isAuto, setIsAuto] = useState(false);

return (
<div>
<input type="checkbox" onChange={() => setIsAuto(!isAuto)}
<Swiper autoplay={isAuto}>...</Swiper>
</div>
)

#frontend #javascript #programming #react.js #russian

0

24.06.2022

9 ответов

42 просмотра

Илья Оловянников Автор вопроса

Alexey
можешь накидать в codesandbox?

Да, момент

0

24.06.2022

Илья Оловянников Автор вопроса

Alexey
можешь накидать в codesandbox?

https://codesandbox.io/s/nervous-heisenberg-o6uzm7?file=/src/App.tsx

0

24.06.2022

Alexey

Илья Оловянников
https://codesandbox.io/s/nervous-heisenberg-o6uzm7...

что-то не получается. Пока единственное чего добился это в методе onSwiper назначаешь реф, по клику на чекбокс вызываешь ref.autoplay.start(), но оно как-то странно начинает пролистывать

0

24.06.2022

Илья Оловянников Автор вопроса

Alexey
что-то не получается. Пока единственное чего доби...

Уже прогресс :))

0

24.06.2022

Илья Оловянников Автор вопроса

Alexey
что-то не получается. Пока единственное чего доби...

Скинь свой результат, пожалуйста. Может добьем его

0

24.06.2022