AutoPlay fucntion? about react-awesome-slider

[lucaspelloni2]

Not sure if this feature has been implemented yet.
I implemented my own autoPlay function based on the props that are given.

class Gallery extends Component<{}, State> {
  state = {
    selected: 0,
    intervalId: 0,
    interval: 5000,
    totalImages: 2
  };

  componentWillUnmount(): void {
    clearInterval(this.state.intervalId);
  }

  timer(): void {
    let selected = (this.state.selected + 1) % this.state.totalImages;
    this.setState({ selected });
  }

  render() {
    return (
      <AwesomeSlider
        infinite={true}
        selected={this.state.selected}
        onFirstMount={() => {
          const intervalId = setInterval(
            this.timer.bind(this),
            this.state.interval
          );
          this.setState({ intervalId });
        }}
      >
        <div data-src="assets/images/1.jpg" />
        <div data-src="assets/images/2.jpg" />
      </AwesomeSlider>
    );
  }
}

export default Gallery;

[rcaferati]

Something like what @lucaspelloni2 said could work. The idea for now it to maintain the core component with a contained number of functionalities.

I'll add a HOC recipe with an infinite example before v1. Thanks @AndriusDK.