Dragabbale не будет двигаться в реакции-Beautiful-Dnd

Question

Я пытаюсь построить простую реализацию draggables в react-beautiful-dnd, но, очевидно, мои draggables не будут двигаться.

Вот мой пример кода в CodeSandbox:

https://codesandbox.io/s/using-react-beautiful-dnd-with-hooks-zqpi9?fontsize=14&hidenavigation=1&theme=dark

Answer 1

Просто удалите атрибут style из дочернего элемента draggable (в вашем случае это Block компонент). DnD использует свой собственный атрибут style, и вы переопределяете его. Вы должны использовать className вместо него.

Ваш пример без style:
https://codesandbox.io/s/using-react-beautiful-dnd-with-hooks-1m4zm