問題タブ [react-slick]

反応スリックの問題で立ち往生しています。件名は意味をなさないかもしれませんが、シナリオを詳しく説明しようと思います。実際の問題を確認するには、この例のフィドルを参照してください。

このデモでは、最初にスライダーに 20 枚のスライド (1 ページあたり 3 枚) が表示されます。ボタンをクリックすると、乱数が生成され、それが新しいスライド数になります。コードはかなり単純で、一目瞭然です。

問題を再現するには、 1. 最後のスライドに到達するまで [次へ] 矢印をクリックし続けます。
2. 「クリック」というボタンをクリックして、新しい乱数のスライドを生成します。

私の予想では、スライドは最初のスライドに戻りますが、以前のページにとどまることはありませんでした。さらに悪いことに、新しいスライド数が以前の数よりも少ない場合、ユーザーにはスライドのない空白のページが表示されます。[前のエラー] をクリックすると、前のスライドに移動でき、すべてが正常に機能しますが、最初の表示ではユーザー エクスペリエンスが損なわれます。

コードに追加するのに欠けているものはありますか、それともバグですか?

ありがとう、アビ。

ばかげた質問でしたら、ご容赦ください。

プロジェクトに React Carousel Component (react-slick) を使用しています。私が達成したいのは、このブロック内でモジュール「CarouselSlide」を使用したいということです。

CarouselSlide は、単一のカルーセル スライドを表示する私の反応モジュールです。

この方法を使用することは可能ですか、それとも「react-slick」コンポーネント独自のソース コードを編集する必要がありますか?

アプリケーションのカルーセル効果に React-Slick を使用しています。スライダーのコンテンツは動的で、カルーセル アイテムの長さは 4 ～ 20 です。

問題は、すべてのコンテンツの幅がスライダー トラックの幅よりも小さい場合でも、左右の矢印が機能することです。

このような場合にこれらの矢印を非表示または無効にする解決策/回避策は何ですか?

カルーセルにreact-slickというプラグインを使用しています。動的スライドを持つカルーセルを実装しようとしましたが、レンダリング時に各スライドを初期化していないようです。スライダーが子の前に初期化されたためですか?

this.extractData は基本的に json オブジェクトを取得します

testLayout

どんな助けでも大歓迎です。ありがとう

更新 - 修正が見つかりましたhttps://github.com/akiran/react-slick/issues/328

Green Sock アニメーション ツールを使用して、react-slick カルーセルを使用しており、スライダーとアニメーションが機能するようになりました。問題は、アニメーションがスライドで終了するときに slickNext メソッドを呼び出すことです。参照を使用するかどうかに関係なく、このエラーが発生し続けます（ただし、「テスト」は機能しており、コンソールに表示されています）。この方法の github ドキュメントは少し貧弱で紛らわしく、参照として使用できる同様の状況は見つかりませんでした。このメソッドにアクセスするにはどうすればよいですか?