react事件踩坑及源码分析

首先一个需求是用svg画一个元素，该元素整体可拖拽(目标元素位置不动，只拖动出一个副本)，点击其中某个小圆点时不触发拖拽，点击小圆点要随着鼠标画线。踩坑的demo[1]，demo中是简化了的版本，没有画svg,用一个div代替了，点击圆点画线也省略了。

主体思路是提供一个Draggable组件，通过组合的方式提供拖拽功能，Draggable拖拽功能是通过mouse事件实现的，因为svg元素不支持h5的drag事件。

可以看下主要的结构：

//Draggable.jsx

转载请注明：http://www.aierlanlan.com/rzfs/625.html