今天做自己的项目时，对于展示页轮播图顺序的修改这块地方，思前想后，觉得用拖拽排序的方式才舒服。于是折腾了一下react-dnd，特地记录下来。 有两个依赖要安装。 新建一个组件，用于作为拖动源和接受拖动的组件。 再新建一个组件，引用它。

前提 这是一个便于开发者操作拖拽交互的库，感觉不错！它的官方文档贼难进去，这篇文章主要是把一些常用的内容记下，希望能帮助到大家。本篇文章参考的是16.0.1版本 1 简单示例 1.1 useDrag：

一、背景 最近公司后台项目需要实现一个资金流配置功能，每条资金流配置需要新增一个列表，每个列表元素中有多个支持增删改的复杂表单，同时列表元素需要支持拖拽排序，项目使用React框架开发。功能需要对拖拽