React-dnd: ドロップターゲットをホバリングしていないときの見分け方

作成日 2016年01月22日  ·  2コメント  ·  ソース: react-dnd/react-dnd

さまざまなDnD状態をグローバルに追跡するのに役立つreduxアクションを実行しようとしています。 ドラッグが発生しているかどうか、およびどのタイプのターゲット(理想的には正確にどのターゲット)がホバーされているかを知る必要があります。 ソースの仕様を使用すると、ドラッグの検出は簡単ですが、ターゲット上のホバリングを検出する方法がわかりません。 仕様には「ホバー」メソッドがありますが、それは継続的に発生し、私が知る限り、ホバーがいつ停止するかを知る方法はありません。 タイムアウトを使用することもできますが、それは理想的とは言えません。 メインのアプリ領域をdropTargetでラップし、「浅い」チェックを使用することを考えていましたが、ホバーされているドロップターゲットのタイプに関する情報は得られません。 DnDコンテキストを活用できる方法があると思いますが、それほど掘り下げていません。

question

最も参考になるコメント

componentWillReceivePropsライフサイクルメソッドを使用して、 nextProps.isOver !== this.props.isOverときにアクションを実行できます。 DropTargetcollect()関数にisOver: monitor.isOver()を追加する必要があります。

全てのコメント2件

自分のonDrag*イベントをバインドして、必要なことを実行できる可能性があります。 使用しているドラッグバックエンドに関する仮定に関して、アプリコードとreact-dnd間にわずかな相互依存関係を追加します。 しかし、おそらく大丈夫です。

componentWillReceivePropsライフサイクルメソッドを使用して、 nextProps.isOver !== this.props.isOverときにアクションを実行できます。 DropTargetcollect()関数にisOver: monitor.isOver()を追加する必要があります。

このページは役に立ちましたか?
0 / 5 - 0 評価