javascript — Плагин React Drag and Drop

Реагировать на предложение плагинов Drag and Drop

Я работаю над такой моделью:

введите описание изображения здесь

введите описание изображения здесь

Итак, здесь левая сторона представляет собой простой список, который содержит элементы списка. 1. Это не может быть сброшено, только перетаскиваемый 2. После перетаскивания этот список остается неизменным все время.

С правой стороны перетаскиваемый объект будет опущен сюда.

  1. После того, как пользователь перетащил элемент с левой стороны, другая сторона / правая сторона должны указывать пользователю заполнители, куда они могут уронить.
  2. Все выпавшие предметы на правой стороне могут быть заменены в правой части.
  3. Правая область должна содержать как строку начальной загрузки, функциональность столбца.

Я должен добиться чего-то похожего на этот https://react-email-editor-demo.netlify.com/

Я уже прошел через свободно реагирующие плагины, такие как реагировать на нд и реагировать -beautiful-dnd. Я не понимаю, достижимы ли вышеуказанные пункты с помощью этих двух плагинов.

После поиска многих вещей, в Reaction-Beautiful-DDD, мы не можем добавить пользовательские заполнители.

Любая помощь в этом, был бы благодарен.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector