React-dnd: dndを無効にする

作成日 2016年06月15日  ·  5コメント  ·  ソース: react-dnd/react-dnd

dndを無効にできるフックはありますか? dndコンポーネントを再利用しようとしていますが、dndを無効にしたいです。

最も参考になるコメント

あなたの質問がよくわかりません。 場合によっては、コンポーネントがドラッグされないようにしますか? もしそうなら、あなたはあなたのコンポーネントに小道具canDragを与えることによってこれを実装することができます。

// drag source spec
{
  ...
  canDrag: function(props, monitor) {
    return props.canDrag;
  },
  ...
}

次に、 canDrag={true}またはcanDrag={false}使用してコンポーネントをレンダリングできます。

  <MyComponent canDrag={true} />
  <MyComponent canDrag={false} />

あなたが何か他のことを意味していたかどうか私に知らせてください。

全てのコメント5件

あなたの質問がよくわかりません。 場合によっては、コンポーネントがドラッグされないようにしますか? もしそうなら、あなたはあなたのコンポーネントに小道具canDragを与えることによってこれを実装することができます。

// drag source spec
{
  ...
  canDrag: function(props, monitor) {
    return props.canDrag;
  },
  ...
}

次に、 canDrag={true}またはcanDrag={false}使用してコンポーネントをレンダリングできます。

  <MyComponent canDrag={true} />
  <MyComponent canDrag={false} />

あなたが何か他のことを意味していたかどうか私に知らせてください。

ねえ@ maxcc0 、あなたの問題は上記のサンプルで解決されたようです(これは、すでに投稿されているのを見る前に私がお勧めしたものです!)。 他にご不明な点がございましたら、お気軽に新しい号を開くか、ここにコメントしてください。

@froatsnook @kesne
こんにちは、canDrag関数をどこに実装すればよいか確認できますか? ここのソースに似たカスタムドラッグレイヤーを使用してい

ありがとう。

@donszekコードがリンク先の例と類似していると仮定すると、ここで、DragSourceの_spec関数_(この場合はboxSource)にcanDrag関数を追加します。

あなたの質問がよくわかりません。 場合によっては、コンポーネントがドラッグされないようにしますか? もしそうなら、あなたはあなたのコンポーネントに小道具canDragを与えることによってこれを実装することができます。

// drag source spec
{
  ...
  canDrag: function(props, monitor) {
    return props.canDrag;
  },
  ...
}

次に、 canDrag={true}またはcanDrag={false}使用してコンポーネントをレンダリングできます。

  <MyComponent canDrag={true} />
  <MyComponent canDrag={false} />

あなたが何か他のことを意味していたかどうか私に知らせてください。

今はcanDrop呼び出します。

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