polyak-y
@polyak-y
Js, React.js,Vue.js,css

Почему не работает пагинация в react-id-swiper?

Подключаю компонент react-id-swiper
import Swiper from 'react-id-swiper';
import 'swiper/swiper.min.css';

 const params = {
        spaceBetween: 24,
        freeMode: true,
        slidesPerView: 'auto',
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        breakpoints: {
            600: {
                spaceBetween: 24,
                freeMode: true,
                slidesPerView: 'auto',
            },
            320: {
                freeMode: false,
                slidesPerView: 1,
                spaceBetween: 0,
            }
        }
    };

<Swiper {...params}>
                    {
                        imageArrSmall.current.map((item, ind) => (
                            <div
                                className={classes.blockCompetition}
                                key={ind}
                                onClick={() => {
                                    openLightboxOnSlide(ind+1)
                                }}
                            >
                                <BlockCompetition
                                    imgSrc={item}
                                />
                            </div>
                        ))
                    }
</Swiper>

Все бы замечательно, но не видна и соответственно не работает пагинация.
Версии: "swiper": "^6.4.10", "react-id-swiper": "^4.0.0",
  • Вопрос задан
  • 12 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы