問題タブ [react-dnd]

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.

0 投票する
3 に答える
10357 参照

javascript - React DnD: findDOMNode の使用を避ける

私はそれを完全には理解していませんが、明らかに findDOMNode() の使用は推奨されていません

ドラッグ アンド ドロップ コンポーネントを作成しようとしていますが、コンポーネント変数から参照にアクセスする方法がわかりません。これは私が現在持っているものの例です:

ソース

編集

私のコンポーネントがドラッグ アンド ドロップのソースとターゲットの両方であることが原因である可能性があります

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

javascript - 同じコンポーネントに DragSource と Connect を使用するにはどうすればよいですか

反応コンポーネントがあります。コンポーネントで DragSource と Connect を使用したい。

単一のコンポーネント、つまり ExpandableCard の両方の行に対応するにはどうすればよいですか

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

javascript - React DnD は、単一のカードではなくカードのリスト全体をドラッグします

反応プロジェクトで反応 DnD を使用しようとしています。私の render メソッドでは、以下に示すように Populate という名前の変数を定義します。これは、このようなカードのリストを返します

そして、レンダリングメソッドの私のリターンは次のようになります

問題は、ドラッグを使用しようとすると、カードのリスト全体がドラッグ用に選択されることです。すべてのカードに個別のドラッグ機能が必要です。

0 投票する
2 に答える
7737 参照

javascript - ドラッグアンドドロップによる反応によるテーブル列の並べ替え

行と列を並べ替えることができる html テーブルがあります。

ここに画像の説明を入力

行の並べ替えは非常に簡単ですが、列のセルは同じ親要素を共有していないため、列の並べ替えは非常に困難です。

反応で列のドラッグを実装するにはどうすればよいですか?