問題タブ [react-intersection-observer]

質問する

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.

24 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
2151 参照

javascript - ReactJS — クラスコンポーネントで交差オブザーバーを使用する方法は?

react-intersection-observer関数コンポーネントでなんとか使用できます。ただし、クラスコンポーネントで使用するとうまくいきませんでした。ドキュメントに従おうとしましたが、次のエラーが表示されます。

Invariant failed: react-intersection-observer: No DOM node found. Make sure you forward "ref" to the root DOM element you want to observe.

私は何を間違っていますか？前もって感謝します。

擬似コード

  • 要素がビューポートに表示されたときにアニメーションをトリガーします。

コードサンドボックス

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

reactjs - フレーマー モーション Animate Presence の終了の問題

framer-motion AnimatePresence コンポーネントに問題があります。コンポーネントがビューポート内に表示された後にアニメーションを開始しようとしています。これを実現するために、react-intersection-observer を使用しました。開始時のアニメーションは意図したとおりに動作しますが、終了時のアニメーションが中断し、何が問題の原因なのかわかりません。https://codesandbox.io/s/holy-dream-rb5gu?file=/src/index.jsでこの動作を再現するサンドボックスを作成しました


12345678910