I'm using React DnD and Redux (using Kea) to build a formbuilder. I've the drag & drop portion working just fine, and I've managed to dispatch an action when an element drops, and I render the builder afterwards using state that the d...
I am having some troubles w/ React-DND trying to get the DropTarget-side to work.  When I drag the DragSource, the target's canDrop flips to true, but the isOver stays false, even if I drag the source over.  For the DropSource I have the followin...
I have a component with state that gets updated as a result of some async operations. This component is part of some drag and drop UI, when a user begins a drag operation I need to render this component in a separate part of the application that'...
I am starting to learn React Drag and Drop from http://react-dnd.github.io/react-dnd/docs-tutorial.html  But I am having problems understanding the tutorial. Next are all the files I created but at compilation I get:   dragDropBundle.js:830 Warning:...
I'm using React with Typescript and try to create a higher order component based on the react-dnd library. The error occurs in the DragSource part of the react-dnd component. This is the corresponding code:  import React from 'react'; imp...
I have a small implementation of drag and drop using react-dnd. There are two columns, dragging from right side column to the left one activates the specific status item.  On drop, pushCard() is called, which (as the name suggests), pushes the dragge...
I am working on a simple version of ReactDND before I implement this code into my image uploader.  Each time an image is added, it is added to state and passed through to ReactDND so that it is draggable and also droppable (so users can rearrange the...
I have a simple container that contains some cards and two slots (small containers) above this container.  I drag from the cards container to the first slot and it works fine. I drag to the second slot, it works fine too. When I drag from the first s...
I am trying to use react DnD in my react Project. In my render method I define a variable named Populate like show below, which returns a list of cards like this    render() {         var isDragging = this.props.isDragging;         var connectDragSou...
I am trying to apply a basic example of react DnD to my project (as a proof of concept) and am running into some issues. I am using this example - https://github.com/gaearon/react-dnd/tree/master/examples/02%20Drag%20Around/Naive . which just let you...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.