問題タブ [react-multi-carousel]
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 - テキストでカルーセルに反応する
反応プロジェクトの 1 つでhttps://www.npmjs.com/package/react-multi-carouselを使用して いますが、実装して問題なく動作します。
別のパッケージを使用するhttps://codesandbox.io/s/lp602ljjj7とまったく同じように、カルーセルにテキスト(凡例)を実装する必要がありますが、必要性が異なるため、そのシナリオが必要であり、そのパッケージではありません(nextjsを使用)そのため、マルチカルーセルは ssr をサポートしているため、それを使用しています)。
私の唯一の必要性は、を使用してカルーセル画像の上に凡例テキストを実装する方法を知る必要がありますreact-multi-carousel
。
私のコード例: https://codesandbox.io/s/react-multi-carousel-playground-bt3v7
javascript - APIからのReact画像のキャプションエラーは、正しいインデックスに関係している可能性があります
続き:反応マルチカルーセルで ReactJS アプリのライトボックス機能を使用する方法
私のアプリは、ライトボックスに反応画像を使用し、カルーセルに反応カルーセル画像を使用しています。私のAPIにはタイトルと画像があります。私が抱えている問題は、フッターのキャプションのタイトルが常に選択された画像として表示され、ライトボックスのカルーセルで変更されないことです。選択した画像のインデックスと関係があると思いますか?これまでの私のコードは次のとおりです。
問題の例: https://codesandbox.io/s/react-multi-corousal-issue-72s9o?file=/src/Slider.js
スライダー.js
reactjs - 反応マルチカルーセルを使用していますが、カスタムドットを使用できません
このカルーセルのクリック可能なカスタム ドットを取得する方法。カルーセルを移動するリスト項目のクリック イベントをバインドできません。カルーセルの前のアイテムと次のアイテムをクリックするにonClick
は、アイテムとアイテムの間で適切な実装が必要ですli
リンクコードボックスの完全なコードは次のとおりです
reactjs - これらの矢印が反応マルチカルーセルに表示されない理由を理解するのを手伝ってもらえますか?
何日も調査してきましたが、react-carousel に矢印が表示され ません。画像は次のようになります。
私はNext .jsを使用しています。通常の反応アプリでこの問題が発生したのは初めてです
}