🕊

Нравится реактивная весна 🌀? это гладко, но не для перетаскивания.

Нравится реагировать-красиво-днд 😀? это один, но движение недостаточно сексуально.

Хорошо, теперь просто познакомьтесь с невероятно простым и плавным решением перетаскивания с использованием react-spring:

реагировать-весна-dnd

Поиграй с этим примером!

Гитхаб

https://github.com/nanxiaobei/react-spring-dnd

Добавлять

yarn add react-spring-dnd
# or
npm i react-spring-dnd

Использовать

import SpringList from 'react-spring-dnd';
const App = () => (
  <SpringList>
    {'hello react spring dnd 👋⚛️🌀🦥'.split(' ').map((item) => (
      <div key={item}>{item}</div>
    ))}
  </SpringList>
);

Пытаться

Попробовать базовую демоверсию →

Попробуйте демонстрацию динамического списка →