問題タブ [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.

0 投票する
5 に答える
11401 参照

javascript - スクロールイベントを使用してスライドを循環するreact-slickカルーセル - 反応js、javascript

これが私が使用しているカルーセルです:

マウスのスクロールアップまたはダウンイベントを使用して、各スライドをスクロールできるようにしたいと考えています。

上にスクロールすると増加し、下にスクロールすると減少します。

まさに私が必要としているものの例をオンラインで見つけました-これを反応ソリューションに変換する方法がわかりません。

例: https://codepen.io/Grawl/pen/mMLQQb

「反応する」コンポーネントベースのアプローチでこれを達成する最良の方法は何ですか?

これが私の反応コンポーネントです:

0 投票する
0 に答える
239 参照

javascript - React は 'Window' で 'scroll' を実行できませんでした: パラメータ 1

奇妙なエラーが発生しました。反応するスライダーの反応内で、スクロール時に次のイベントと前のイベントをトリガーしようとしています。

エラー:

TypeError: 'Window' で 'scroll' を実行できませんでした: パラメータ 1 ('options') はオブジェクトではありません。

これが私のコードです:

0 投票する
1 に答える
2192 参照

reactjs - スライド効果のないリアクティブスリック

この npm コンポーネントを使用してカルーセルを作成しています。 https://github.com/akiran/react-slick

これはうまく機能していますが、スライド効果を取り除く方法を見つける必要があります。slideリポジトリのドキュメントを介してプロパティがありますが、機能していないようです。このケースに遭遇した人はいますか?どんな助けでも大歓迎です!

0 投票する
1 に答える
940 参照

reactjs - 行を含む React-slick または Nuka カルーセル

ReactJS の学習を始めたばかりで、既存のテンプレートを ReactJS に移植する必要がありました。現在、react-slick で行を実装する際に問題が発生しています。2015 年以来、多くの人がこれを求めているのを見てきましたが、答えはありませんでした。Slick-Carousel と同じ作者が ReactJS 専用に作成した新しい Nuka Carousel でさえ、行のサポートを実装していませんでした。

react-slick または nuka-carousel に行を含めるための最善の回避策は何ですか?