問題タブ [react-slick]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 最後のスライドに移動した後、React Slick を右ドラッグ可能に停止します
パディングに関連する問題に直面しています。最後のスライドの後、ドラッグするとスペースが表示されます。
設定: slidesToShow: 2, slidesToScroll: 1
ユーザーは、一度に 1 つのスライドのみをスクロールする必要があります。
reactjs - React-slick の矢印を非表示/表示
私はreact-slickを使用しており、独自のカスタマイズされた矢印があります。このスライダーは無限ループではなく、ループの最初と最後にある矢印を非表示にしたいと考えています。したがって、基本的には開始時に PrevArrow を非表示にし、最後に NextArrow を非表示にする必要があります。状態の変化に応じて非表示のクラス名を設定しようとしています。ただし、状態は正しく変化していますが、クラス名は変化していません。このコードの何が問題か分かりますか? そしてそれを機能させる方法は？
以下は、Slider と Slider をレンダリングするコンポーネントの私の設定です。
ここにも矢印コンポーネントのコードがあります
html - React 反応スリック カルーセルで srcset が機能しない
React-Slick を画像カルーセルとして使用しており、画面サイズが縮小したときに画像を別の画像にサブアウトしようとしています。背景画像ソリューションを一緒にハックしようとするのではなく、srcset でこれを行いたかったのです。ただし、srcsetに表示される最初の画像のみが表示されるたびに表示され、画面の幅が変わっても画像は変わりません。ページを更新してみましたが、同じ画像が表示されます。特定の画面幅で srcset を使用して（そしてそれが別の手法でうまくいかない場合）、レスポンシブに画像を切り替えるにはどうすればよいですか。
以下のコードを含めました。Reactなので、コードスニペットを作成できていないことをお詫びします。
^^私がレスポンシブにしようとしている特定の画像
reactjs - slickGoToの後にReactスライダーが最後のアイテムを表示しない
反応スリックを実装しました。slickGoTo と slidesToScroll を配置すると問題が発生します。最初にページがロードされると、slickGoTo が 4 番目に呼び出されます。完了すると、slidesToScroll の制御が失われ、最後の項目が表示されなくなります。
私はstackoverflowで同じ質問をしていますが、役に立ちません。 カルーセルを壊す Slick Slider slickGoTo メソッド