問題タブ [react-ref]
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.
197 問題
0
投票する
0
に答える
100
参照
reactjs - ReactでRefが奇妙にnullになっています
コンポーネントをマウスでスライド可能にしようとしています。しかし、マウスを離すと、実行中にDOM要素の1つの参照がnullになり、その理由がわかりません。
問題を説明するためにサンドボックスを作成しました。(これは完全な実装ではありません。問題を実験するために必要なものだけです)。
要素をドラッグしてコンソールを確認するだけです。ref が最初は正しく設定されていることがわかりますが、マウスを放すと、ref が消えます。
これがいつ、なぜ起こっているのかわかりません。
完全な App.js ファイルは次のとおりです。
問題はこの部分にあります：
ドラッグすると: を取得at last render, slidesRef was: <div ...>
し、リリースすると:when calling stopDrag, slidesRef was: null