这个17k star的拖拽库有点料

文章预览

一、背景 近期在工作中遇到了一个新的需求，该需求需要实现某个组件的拖拽，面对这个需求的第一个项目肯定是问问度娘和用最大同性交友网站进行搜索，最终皇天不负有心人，让我找到了这个17k star的React拖拽库——React DnD。 image.png 二、简单使用 2.1 安装 npm install react-dnd -S  // react-dnd包,其核心包 npm install react-dnd-html5-backend -S  // 拖拽的底层实现所需要的库 2.2 三个核心点 通过使用React DnD这个库，我认为里面最有用的部分包含一个组件和两个Hook API，它们分别是： DndProvider组件 useDrag函数 useDrop函数 2.2.1 DndProvider组件 如果想让某一内容使用React DnD的能力，需要将该部分用DndProvider进行包裹，其接收参数如下所示： backend ：必填。一个React DnD后端。目前官方文档有三个，分别为：react-dnd-html5-backend、react-dnd-touch-backend、react-dnd-test-backend，但是 ………………………………