Drag and drop in React

drag.js

const handleDragStart = (e) => {
  e.preventDefault();

  if (e.target.className.includes('draggable')) {
    setSelected(e.target);
  }
};

const handleDragEnd = (e) => {
  e.preventDefault();

  let target = e.target;

  if (e.type === 'touchend') {
    const touch = e.changedTouches[0];
    target = document.elementFromPoint(touch.clientX, touch.clientY);
  }

  if (selected && target.className.includes('draggable')) {
    const start = selected.dataset['index'];
    const end = target.dataset['index'];
    setItems(reordered(items, start, end));
  }

  setSelected(null);
};