分类：react拖拽hooks

2021
03-22

一百多行代码实现react拖拽hooks

前言源码总共也就一百多行，看完这个大致可以理解一些成熟的react拖拽库的实现思路，比如react-dnd，然后你上手这些库的时候就非常快了。使用hooks实现的大致效果动图如下：我们的目标是实现一个useDrag和useDrop的hooks，类似以下用法就可以轻松让元素可以拖拽，并且在拖拽的各个生命周期，如下，可以自定义传递消息（顺便介绍几个拖拽会触发的事件）。dragstart：用户开始拖拉时，在被拖拉的节点上触发，该事件的target属性是... 继续阅读 >