JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<div class="slider">
  <div>111</div>
  <div>111</div>
  <div>111</div>
  <div>111</div>
  <div>111</div>
  <div>111</div>
  <div>111</div>
  <div>111</div>
</div>

JavaScript

$('.slider').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});

$('.slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
	alert(currentSlide);
});