How to switch slide by step in carousel?

Question

JavaScript

Good afternoon, I implemented a dynamic display of the number of cards in the carousel. Now I would like to scroll by a certain step, for example 2, it is not clear how to do this. Right now my cards are switching by 1.

Here is what I did:
https://codesandbox.io/s/crazy-leakey-iucrt

Answer 1

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>