Блог

Главная - Вопросы по программированию - Функциональная неисправность возникает при использовании точек останова Swiper в React

Функциональная неисправность возникает при использовании точек останова Swiper в React

#reactjs #resize #breakpoints #swiper

#reactjs #изменение размера #точки останова #swiper.js

Вопрос:

Я использую версию 6.1.2 с реакцией, примененной к Swiper в среде nextjs ssr.

   <Swiper
    slidesPerView={1}
    loop
    navigation
    pagination={{
      type: "bullets",
      renderBullet: (index, className) => {
        return `<div class="${className}">${index}</div>`;
      },
      clickable: true,
    }}
    breakpoints={{
      769: {
        slidesPerView: 3,
        slidesPerGroup: 3,
        pagination: { type: "fraction", clickable: true },
      },
    }}
>

Когда ширина превышает 769
[разбиение на страницы tpye: дробь],
Когда оно меньше 768
Я применил [tpye: маркеры]

При изменении параметров из-за того, что точки останова не могут перемещаться на ощупь
768<ширина при переключении при скольжении
номер страницы дроби фиксирован, и цикл возможен только с помощью кнопки prev.
В Stack Overflow нет ничего подобного.

Я пробовал с React, но возникла та же проблема.

Я просмотрел официальный документ, но не смог его решить. https://swiperjs.com/react /

Комментарии:

1. насколько я помню, это ошибка, я думаю, у меня была похожая проблема. Найдите проблемы на их странице github, может быть решение

2. @Aleks Я уже посмотрел на github и stakflow, но там не было подобного случая.

3. Есть прогресс? У меня такая же проблема. Не удалось найти никакого решения.