I'm successfully using react-dnd in a react component for a requirement of the application I'm working on.  Said component also has a button that show a simple modal window:  <Modal show={this.props.show} onHide={this.props.onHide} id={...
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 specific web application where mouse wheel scrolling while dragging can save a lot of time. The code is written in React with React DnD (https://github.com/react-dnd/react-dnd) and HTML5 backend.  Unfortunately mouse wheel scrolling while dr...
I am trying to optimise an application which has performance issues on drag and drop functionality. I am using react-dnd for that.  I have been able to filter out unnecessary re-renders which were clearly slowing the process down.  However, when I lo...
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 trying to achieve drag, drop and resize feature in reactjs that should work on all devices and should support mouse and touch. I have developed drag and drop for mouse and touch using ReactDND and it works fine. Trying to achieve Resize feature...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.