Какой подход может успешно реализовать интеллектуальное перетаскивание, подобное этому, в реакции? (подход на основе холста или без холста?)

Какой подход к интеллектуальному перетаскиванию, как это в реакции? (подход на основе холста или без холста?). То есть использовать React (с библиотекой, такой как React DND) без использования кавы, ИЛИ перейти к рендерингу/рисованию этого в React с использованием «холста» HTML 5 (потенциально с библиотекой, такой как «реагировать-konva».

Требования:

  • при перетаскивании элемента другие элементы позади «перемещаются», чтобы рассчитать и показать, как будет выглядеть окончательное изменение расположения (если перетаскивание допустимо)

  • могут быть точки сброса, для которых перемещение запрещено, поэтому это также будет выделено (например, если некоторые другие элементы на временной шкале были «заблокированы»)

Источник

2 ответа

я проверилReact DND,react-konva, и другие. Проблема, которую они используютtransformи это предотвращает перемещение заполнителя отдельно от перетаскивания элемента.

Итак, вот пользовательская реализация: https://codesandbox.io/s/drag-swap-qv6s0x .

PS Он еще недоделан (глючит), позже исправлю и почищу код. Но пока я хотел бы поделиться им, чтобы узнать, это то, что вы хотели, или я что-то упустил.

Источник

Взгляните на эту онлайн-документацию для MDBootstrap:

https://mdbootstrap.com/docs/standard/plugins/drag-and-drop/

Перейдите в раздел «Горизонтальный пример», это может быть то, что вы ищете.

Редактировать: К сожалению, это премиум-функция :(

Источник
Другие вопросы по тегам