Questions tagged [react-dnd]

React DnD is a set of React higher-order components to help you build complex drag and drop interfaces while keeping your components decoupled.

425 questions
0
votes
1 answer

Translating DropTarget decorator to ES6

I am going through examples of react-dnd. Something I've never used before is passing props into HOC functions using ES6 syntax. @DropTarget(props => props.accepts, boxTarget, (connect, monitor) => ({ connectDropTarget: connect.dropTarget(), …
Alison
  • 107
  • 1
  • 8
0
votes
0 answers

Why does dragged DragSource have odd style and no-entry icon?

My items are draggable, but in Chrome, for example, they have an odd opacity gradient filter and the no-entry pointer attached. Why doesn't the item look like the item before it's dragged? Incidentally, it only does this on Windows Chrome, not on…
Ian Warburton
  • 15,170
  • 23
  • 107
  • 189
0
votes
1 answer

DragDropContext is an invalid component

I'm trying to create a DragDropContext but failing. var root = ; var AppDnD = ReactDnD.DragDropContext(ReactDnDMultiBackend.default(RDMBHTML5toTouch.default))(root); ReactDOM.render(AppDnD,…
Ian Warburton
  • 15,170
  • 23
  • 107
  • 189
0
votes
1 answer

React Router Dom History

I'm trying to navigate in my react app after some functionality occurs. Normally I would use window.location to do this, however, I was told to avoid page refreshes in a Single Page App such as mine. I'm struggling to get it to navigate away. I am…
Kelrynn
  • 588
  • 5
  • 8
0
votes
1 answer

How do I get a UMD build of React DnD?

I merely want to reference React DnD from a webpage using