1

ドラッグ可能な複数のページを表示するアプリを入手しました。それらのコンテンツは非常に長くなる可能性があるため、ページ名のみを表示し、ページの高さを約50pxon に制限し、高beginDrag()さを auto on にリセットしendDrag()ます。残念ながら、これは機能しません。スタイルは無視されます。これは、react-dnd が要素の比率を維持してドロップ ターゲットを処理し、どのコンポーネントがどの位置にあるかを把握できるようにする必要があるためだと思います。これを達成する他の方法はありますか？

4

2 に答える 2

1

dragPreview を使用すると、チュートリアル ( http://gaearon.github.io/react-dnd/docs-tutorial.html )で彼が行っているのと同様に、スクリーンショットのコンポーネントの代わりにそれが使用されます。

componentDidMount: function () {
  var connectDragPreview = this.props.connectDragPreview;
  var myPlaceholder = <Placeholder />  // A fake component with the height you want
  myPlaceholder.onload = function() {
    connectDragPreview(myPlaceholder);
  }
}

(彼が行ったように、コレクターを介して connectDragPreview を注入する必要があることに注意してください)

于 2016-05-28T15:36:31.113 に答える
0

私は問題を理解しているかどうかはよくわかりませんconnectDragPreviewが、あなたを助けることができるでしょうか?

ここでいくつかの有用な情報

于 2015-12-29T12:04:31.513 に答える