react-dnd

1熱

1答えて

ユーザーがモバイルを使用している場合にタッチバックエンドをインストールするにはどうすればよいですか？

React DnDライブラリを使用したいと思います。デスクトップとモバイルをサポートしたいと思います。実行時にバックエンドをHTML 5またはTouchに切り替えるにはどうすればよいですか？

0熱

1答えて

React DnDのUMDビルドを取得するにはどうすればよいですか？

私は単に<script>タグを使ってウェブページからReact DnDを参照したいと思っています - このサーバー側のビジネスはありません。ダウンロードできるバージョンはありますか？

0熱

1答えて

2つの列を持つ簡単なソート可能な例では、isDragging propがfalseであるのはなぜですか？

あるカラムから別のカラムにカードをドラッグすると、isDragging propは常にfalseになります。どうして？この例で何が間違っていますか？例：https://react-wdpn5f.stackblitz.io コード：https://stackblitz.com/edit/react-wdpn5f

1熱

2答えて

React.js - フロントエンドでArray.unshift（）の配列を更新しない

react-dndを使用してドラッグアンドドロップの小さな実装があります。 2つの列があり、右側の列から左側にドラッグすると、特定のステータス項目がアクティブになります。ドロップ時に、pushCard()が呼び出されます（名前が示唆するように）、ドラッグされた項目を有効化されたステータスの配列、つまりstatus_dataにプッシュします。しかし、問題はstatus_data.push(ite

3熱

2答えて

はクローズスクリプトプロジェクトに外部ライブラリを含む

私は新しいClojureScriptとReagentアプリケーションでreact-beautiful-dndを使用しようとしています。ブログhereによれば、project.cljファイルに:foreign-libsというファイルを含める必要があると言われています。私は私のプロジェクトにコピーしたhereからコンパイルされたファイルを持っ :cljsbuild {:builds {:m

2熱

1答えて

がDNDリアクト - 私は反応し-DNDコード例のいずれかをしようとしている各compoents

のために使用する異なる名前の小道具を：https://github.com/react-dnd/react-dnd/blob/master/examples/01%20Dustbin/Single%20Target/Dustbin.js const boxTarget = { drop() { return { name: 'Dustbin' } } } @Dr

0熱

1答えて

DropTargetデコレータをES6に翻訳

私はreact-dndの例を調べています。私が以前に使ったことのない何かが、ES6構文を使ってHOC関数に小道具を渡すことです。 @DropTarget(props => props.accepts, boxTarget, (connect, monitor) => ({ connectDropTarget: connect.dropTarget(), isOver: moni

0熱

1答えて

ドラッグドラッグ時のみDnDスタイルを変更する

react-dndライブラリを使用してドラッグアンドドロップのメカニックを実装していますが、ドロップターゲットをスタイルするのが難しいと感じています。ドロップ対象のドロップターゲットがあるユーザーに表示したいが、isOverとcanDropを使用すると、現在表示されているアイテムのスタイルが変更されます。 !isOverの値を使用すると、要素のいずれかをドラッグしなくても、すべてのdivがスタイリ

0熱

1答えて

React/Dnd：同時にコンポーネントをドラッグ＆ドロップできるようにする

react dndを使用して複数の要素をドラッグ＆ドロップできるようにしたい。これは、要素の1つをドラッグして別の要素にドロップする必要があることを意味します。まず、MyComponentのdragSourceを定義しました。それはこれまでのところ動作します。しかし、同じコンポーネントに対してDropTargetをセットアップする必要はありますか？ import React, { Compo