【JavaScript编程知识】一百多行代码实现react拖拽hooks.docxVIP

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