该项目是一个稍微复杂一些的拖拽项目。使用 react-hooks 的方式实现了拖拽放置、拖拽排序等功能。
效果图：
项目下载完成之后，打开项目，打开命令行，运行以下命令:
# 打开项目目录
$ cd react-dnd-hooks-demo
# 安装项目所需插件
$ yarn install在命令行运行：
$ yarn start即可在浏览器中看到项目运行效果，对照代码查看对应逻辑。
如想了解 react-dnd 配合 hooks 的使用方式，可查看我的博客：用 React Hooks 的方式使用 react-dnd。