問題タブ [react-image]
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 コンポーネントを別のコンポーネントに置き換える方法
私はReactにかなり慣れていませんが、これが私が達成しようとしていることです:
読み込みに 3 ～ 4 秒かかる大きな画像を表示したいので、https: //www.npmjs.com/package/react-image の ReactImage を使用して達成可能なローダーをユーザーに表示したい
次に、ズームするオプションを追加したいのですが、ズーム機能は画像が正常に読み込まれた後にのみ使用できるようにする必要があるため、https://www.npmjs.com/package/react-image-magnifyを使用する予定です
ただし、2 つの状態を相互に通信させるイベントや可能な方法がないため、render()関数で ReactImage または ReactImageMagnify のいずれかを使用することを選択できます。
どんな助けでも大歓迎です。
ここにいくつかの疑似コードがありPreviewますrender()。
reactjs - React-Images と React-Photo-Gallery のコンパイル エラー
React-Photo-Gallery と React-Images をインストールして、ライトボックス ギャラリーを取得しようとしています。
このエラーが発生しています：
./~/react-scrolllock/dist/index.js のエラー モジュールが見つかりません: [CaseSensitivePathsPlugin]/Users/anmareewilliams/Apps/anmaree/anmaree/node_modules/react-scrolllock/dist/Scrolllock.jsがディスク上の対応するパスと一致しませんScrollLock.js。
@ ./~/react-scrolllock/dist/index.js 7:18-41
Scrolllockに関連するものには何も触れていないため、何が間違っていたのかわかりません.Scrolllock.jsは実際にはdist/ScrollLock.jsという名前になっています
どんな助けでも大歓迎です。
ありがとうございました。
reactjs - React Native イメージの失敗エラー コードを取得する方法
画像の読み込みに失敗した場合、onErrorメソッドが呼び出されます。ただし、失敗した理由はわかりません。RN がイメージをロードできなかった理由を調べる方法はありますか? 原因は 404 または 500 でしたか、それともユーザーがインターネットに接続していませんでしたか? 等
javascript - APIからのReact画像のキャプションエラーは、正しいインデックスに関係している可能性があります
続き:反応マルチカルーセルで ReactJS アプリのライトボックス機能を使用する方法
私のアプリは、ライトボックスに反応画像を使用し、カルーセルに反応カルーセル画像を使用しています。私のAPIにはタイトルと画像があります。私が抱えている問題は、フッターのキャプションのタイトルが常に選択された画像として表示され、ライトボックスのカルーセルで変更されないことです。選択した画像のインデックスと関係があると思いますか？これまでの私のコードは次のとおりです。
問題の例: https://codesandbox.io/s/react-multi-corousal-issue-72s9o?file=/src/Slider.js
スライダー.js