react-dnd

2熱

1答えて

React DnD - "同時に2つのHTML5バックエンドを持つことはできません。"

私はPailsをRails5、アクションケーブル、ReactとRails、React DnDで作ろうとしています。目的は、トレルロのようなアプリを作ることですが、採用プロセスに使用します。私のフロントはReactJSです。私は3つのコンポーネントを持っています。最初に、コンテナは「候補」と呼ばれ、このコンポーネントは「カード」コンポーネントを呼び出す2つの「CardBoard」コンポーネント

0熱

1答えて

Reactドラッグ＆ドロップの現在のコンポーネントコンテキスト

React Dragで作業している人& Drop、help needed！この例では（https://github.com/react-dnd/react-dnd/blob/master/examples/01%20Dustbin/Multiple%20Targets/Dustbin.js#L20）ライン20に、props介し成分Dustbinに渡す機能onDropが呼び出されprops.onD

0熱

1答えて

は上バベルとのWebPACKを使用している場合、このエラーを取得するドラッグ＆ドロッププロジェクト

を反応させるのここでの問題である平野ReactJSを（なしは、ドラッグ＆ドロップに反応）を使用したときに使用しようとすると、バベルとWebPACKのは私の.jsファイル完璧が、をコンパイルWebPACKのとバベルを使ってJSをコンパイルするときに私のプロジェクトにドラッグ＆ドロップを反応させ、このエラーが発生しました： ERROR in ./~/disposables/modules/index.

0熱

1答えて

ReactDndドラッグプレビュー - 正しいパターンが見つかりません

デフォルトのブラウザの動作を上書きする単純なドラッグプレビューを実装しようとしていますが、正しいパターンが見つからないようで、レイヤの仕組みのより大きなコンテキストを説明せずに一連の例を示します。ここにいくつかのコードがあります：現在は動作しません - ドラッグされたアイテムのプレビューで[アイテム]が表示され、他のアイテムでは表示されないようにリンクする方法がわかりません。このリンクを作成する

0熱

1答えて

満たされていないPEER依存WebPACKのロールアップ

を使用して、私は '反応し、DND' インストールしようと取得しています： +を - [email protected] ` - 1 @満たされていないPEERの依存関係のWebPACK || 2 ||^2.1.0-beta ||^2.2.0-rc npm WARN [email protected]には、webpack @ 1 ||のピアが必要です。 2 || ^ 2.1.0-beta ||^2

0熱

1答えて

は、ドラッグされたアイテムの外側からドラッグ＆ドロップ可能な状態になります。

アイテムをドラッグするためにRend Dnd（マウスバックエンド付き）を使用しています。現在のドラッグ操作がありますかどうかを知るために、ソースとターゲットのコンポーネント外部から monitor.isDragging() ：は、しかし、私は私がテストできるようにしたいユースケースを有することができます。

1熱

1答えて

現在のコンポーネントの上に任意のコンポーネントがある場合、ドラッグアンドドロップ中に、現在のコンポーネントがそのスタイルを変更します。これは期待どおりではありませんか？

import React from 'react'; import { findDOMNode } from 'react-dom'; import { DropTarget } from 'react-dnd'; import HTML5Backend from 'react-dnd-html5-backend'; let newStyle = {'display':'none','

0熱

2答えて

デコレータの構文をES6に変換するには？

私は理解しようとしていますsome code答えはESnext（デコレータ）で書かれています。は私が // ESnext function collect(connect, monitor) { return { connectDragSource: connect.dragSource(), isDragging: monitor.isDragging()

0熱

1答えて

React DND - ドラッグ＆ドロップイベント後に新しい項目を状態に追加できません。

このコードを画像アップローダに実装する前に、ReactDNDの簡単なバージョンで作業しています。イメージが追加されるたびに、イメージは状態に追加され、ReactDNDに渡されるため、ドラッグ可能でも削除可能になります（ユーザーはイメージを並べ替えることができます）。 1つのことを除いてすべてがうまくいきます。私が抱えている問題は、複数の画像を追加した後にドラッグアンドドロップしてイメージ（動作）

0熱

1答えて

DragSource仕様のコンポーネント状態にアクセスするにはどうすればいいですか

私は、状態のオブジェクトのリストを維持するコンポーネントを持っています。私はこのコンポーネントをドラッグソースにしようと考えています。 Dragイベントが開始されると、コンポーネントの状態でオブジェクトのリストをドラッグしたいと思います。問題は、Drag Source SpecオブジェクトのbeginDragメソッドは、コンポーネントのpropを引数として取ります。つまり、ドラッグできるオブジェ