問題タブ [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.
javascript - スクロールイベントを使用してスライドを循環するreact-slickカルーセル - 反応js、javascript
これが私が使用しているカルーセルです:
マウスのスクロールアップまたはダウンイベントを使用して、各スライドをスクロールできるようにしたいと考えています。
上にスクロールすると増加し、下にスクロールすると減少します。
まさに私が必要としているものの例をオンラインで見つけました-これを反応ソリューションに変換する方法がわかりません。
例: https://codepen.io/Grawl/pen/mMLQQb
「反応する」コンポーネントベースのアプローチでこれを達成する最良の方法は何ですか?
これが私の反応コンポーネントです:
javascript - React は 'Window' で 'scroll' を実行できませんでした: パラメータ 1
奇妙なエラーが発生しました。反応するスライダーの反応内で、スクロール時に次のイベントと前のイベントをトリガーしようとしています。
エラー:
TypeError: 'Window' で 'scroll' を実行できませんでした: パラメータ 1 ('options') はオブジェクトではありません。
これが私のコードです:
reactjs - スライド効果のないリアクティブスリック
この npm コンポーネントを使用してカルーセルを作成しています。 https://github.com/akiran/react-slick
これはうまく機能していますが、スライド効果を取り除く方法を見つける必要があります。slide
リポジトリのドキュメントを介してプロパティがありますが、機能していないようです。このケースに遭遇した人はいますか?どんな助けでも大歓迎です!
reactjs - 行を含む React-slick または Nuka カルーセル
ReactJS の学習を始めたばかりで、既存のテンプレートを ReactJS に移植する必要がありました。現在、react-slick で行を実装する際に問題が発生しています。2015 年以来、多くの人がこれを求めているのを見てきましたが、答えはありませんでした。Slick-Carousel と同じ作者が ReactJS 専用に作成した新しい Nuka Carousel でさえ、行のサポートを実装していませんでした。
react-slick または nuka-carousel に行を含めるための最善の回避策は何ですか?