問題タブ [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.
typescript - Typescript で react-multi-carousel を使用した React Carousel スクロールバーの問題
以下のデモのように、react-multi-carousel パッケージを使用して水平スクロールバーを作成しようとしています。
私の問題は、これを typescript で実装しようとすることです。開発者から提供されたタイプスクリプトの使用法ファイルを調べましたが、簡単なセットアップを行うだけでまだエラーが発生しています。
};
prop customDot には、「この呼び出しに一致するオーバーロードはありません」というエラーがあります。typescript で水平スクロールバーを動作させるためのヘルプは大歓迎です!
reactjs - 反応で反応マルチカルーセルを使用してバナー画像を表示するには?
react-multi-carousel パッケージを使用して反応アプリに取り組んでいます。API からバナー画像を取得し、それらをグリッド内に表示しようとしています。
しかし、それを機能させることはできません
これが私のコードです。
Carousel コンポーネント内に複数の div を作成すると、正常に動作します。しかし、APIから画像を取得しようとすると. 機能せず、画面にエラーが表示されます。
どんな助けでも大いに感謝します
css - ドロップダウンが div の外にオーバーフローし、必要なだけ拡張できるようにする
次のように、react select ライブラリと組み合わせて、react-multi-carousel ライブラリを使用しています。
StoryCarouselItem のレンダリング:
上記のコードは正常に動作し、以下に示すようにドロップダウンする前に見栄えがします。
ただし、ドロップダウンをクリックすると、div の外側にオーバーフローせず、他のセクションに溢れてドロップダウン全体が表示されます。代わりに、ドロップダウン内に引っ掛かり、少ししか表示されません。
例：
この変更に対応するためにスタイリングを変更する方法はありますか?
これが私が今持っている関連するスタイリングです：