Disable dnd

[maxcc0]

Is there a hook with which dnd can be disabled? I'm trying to reuse a dnd component and want to disable dnd.

[froatsnook]

I'm not sure I understand your question. Do you want to prevent a component from being dragged in some cases? If so, you could implement this by giving your component a prop canDrag.

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

Then you can either render your component with canDrag={true} or canDrag={false}.

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

Let me know if you meant something else.

[kesne]

Hey @maxcc0, it looks like your issue has been resolved with the above sample (which is what I was going to recommend before I saw it had already been posted!). Feel free to open a new issue or comment here if you have more questions!

[donszek]

@froatsnook @kesne
Hello, can I check, where should I implement the canDrag function? I am using a custom drag layer similar to the source here.

Thank you.

[sethmcleod]

@donszek Assuming your code is similar to the example you linked to, you would add the canDrag function here, in the spec function (is this case, boxSource) for your DragSource.

[s875515]

I'm not sure I understand your question. Do you want to prevent a component from being dragged in some cases? If so, you could implement this by giving your component a prop canDrag.

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

Then you can either render your component with canDrag={true} or canDrag={false}.

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

Let me know if you meant something else.

it will be calling canDrop now.