Slick Carousel Slide Count

Question

私は滑らかなカルーセルを使用しており、スライド数を取得しようとしています。私はReact.jsをES6で使用していますが、以下はカウントを返すために使用する関数ですが、私が理解していないのはconsole.log（ "inside" + n）です。値を出力しますが、一方の外側はnullを出力します。何が間違っていますか？

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

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

    } 

さまざまな親コンポーネントでインスタンス化できるようにカルーセル用のクラスを作成しました。例えば、私が持っているこのいずれかのために：

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

そしてCarouselControlクラスで、私は）私はthis.carouselControl.countSlides（のようなスライドの数を見つけることができるように、このcountSlides機能を追加しようとしています。

Answer 1

$(this.innerSelector).onはイベントリスナーであるため、イベントが発生すると解凍され、非同期関数になります。あなたは、同じような操作を行うことができます：

オプション行に

constructor() { 
    this.slideCount = 0; 
} 

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

countSlides() { 
    return this.slideCount; 
} 

Answer 2

あなたは、スライドの数を取得することができます

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