@fillpower

Как сделать переключение слайда по шагу в карусели?

Реализовал динамический вывод количества карточек в карусели. Теперь хотелось бы сделать скролл по определенному шагу, например 2, непонятно как это сделать. Сейчас у меня карточки переключаются по 1.

Вот что я сделал:
https://codesandbox.io/s/crazy-leakey-iucrt
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
nextSlide = ({ target: { dataset: { step } } }) => {
  this.setState(({ images: { length }, currentImageIndex: i }) => ({
    currentImageIndex: Math.max(0, Math.min(length - this.props.slidesToShow, i + +step)),
  }));
};

<button onClick={this.nextSlide} data-step="-1">PREV</button>
<button onClick={this.nextSlide} data-step="+2">NEXT</button>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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