Create drag & drop with React

Drag and drop It is a kind of gesture that is made using heat-pointing tools Or by finger (on the touch screen) During which the user removes a virtual object in the graphical user interface
And drag and drop it to another location or on another virtual object.

Using drag and drop, different operations can be performed between two objects in graphical user interfaces.
Copy or move a file from Place-to-place, request file deletion, copy text from one text field to another text field, or move part of the text in word processor software, Add items to a list, organize and move icons in the Windows Desktop environment 
Common uses include drag and drop.

preventDefault() Event Method Prevent a link from opening the URL

ondrop event occurs when a draggable element or text selection is dropped on a valid drop target.

stopPropagation() method prevents propagation of the same event from being called.

import , use of Board function and Card function in App.js

show result drag and drop