Example using `next` about react-touch-carousel HOT 3 CLOSED

export class Carousel extends React.Component {
  render() {
    return h(TouchCarousel, {
      component: (props) => h(ContainerComponent, {
        ...props,
        next: () => this.touchCarousel.next(),
      }),
      ref: (instance) => {
        this.touchCarousel = instance;
      },
      cardCount: 3,
      renderCard,
      loop: false,
    });
  }
}

const Slider = ({ position }) => {
  const carousel = useRef({
    next: () => null,
    prev: () => null,
  });

  return (
    <>
      <TouchCarousel
        component={CarouselContainer}
        cardSize={cardSize}
        cardCount={data.length}
        cardPadCount={cardPadCount}
        loop={enableLoop}
        renderCard={renderCard}
        onRest={(index) => doSomething(index)}
        defaultCursor={position}
        ref={carousel}
      />
      <LeftArrow
        onClick={() => carousel && carousel.current.prev()}
      />
      <RightArrow
        onClick={() => carousel && carousel.current.next()}
      />
    </>
  );
};