主要介绍了基于Html5实现的react拖拽排序组件示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

拖拽排序组件Github地址：https://github.com/VicEcho/VDraggable.git 因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。 由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag 和 drop）。当然，如果要求兼容性丰富，使用鼠标点击的相关事件也很简单。 实现的效果如下： 第一步是先了解H5拖放的相关属性，MDN上有详细的说明，链接为https://developer.m