Javascript 滑溜转盘滑动计数

我正在使用光滑的旋转木马，并试图获得幻灯片计数。我在ES6中使用React.js，下面是我用来返回计数的函数，但我不理解的是console.log（“inside”+n）；打印值，而外部打印空值，我做错了什么

 countSlides() {
    let n = 0;
    $(this.innerSelector).on('init', (event, slick) => {
      n = slick.slideCount;
      console.log("inside" + n);
    });

    console.log("outside" + n);
    return n;

  }

我已经为旋转木马创建了一个类，以便可以在不同的父组件中实例化。e、 g关于这一点，我有：

class ImageCarousel extends React.Component {
  constructor() {
    super();
    this.carouselDidStart = false;
    this.carouselControl = new CarouselControl({
      outerSelector: ".carousel-container",
      innerSelector: ".extra-images-container",
      infinite: false
    });
  }

然后在CarouselControl类中，我尝试添加这个countSlides函数，这样我就可以找到像这样的幻灯片的数量

$（this.innerSelector）.on

是一个事件侦听器，因此在事件触发时将触发它，因此它是异步函数。你也可以这样做：

 constructor() {
   this.slideCount = 0;
 }

 componentDidMount() {
   $(this.innerSelector).on('init', (event, slick) => {
    this.slideCount = slick.slideCount;
   });
 }

 countSlides() {
   return this.slideCount; 
 }

$（this.innerSelector）.on

是一个事件侦听器，因此在事件触发时将触发它，因此它是异步函数。你也可以这样做：

 constructor() {
   this.slideCount = 0;
 }

 componentDidMount() {
   $(this.innerSelector).on('init', (event, slick) => {
    this.slideCount = slick.slideCount;
   });
 }

 countSlides() {
   return this.slideCount; 
 }

---

通过选项行，您可以获得幻灯片的数量

$(this).slick("slickGetOption", "rows")

---

通过选项行，您可以获得幻灯片的数量

$(this).slick("slickGetOption", "rows")

---

对不起，这对我不起作用，所以这是我为slick carousel制作的一个类，我正在实例化任何需要它的组件，我将更新上面的问题。对不起，这对我不起作用，所以这是我为slick carousel制作的一个类，我正在实例化任何需要它的组件，我会更新上面的问题。。