项目背景： React项目+antd 4.21.6
问题描述： 在本地单独运行这个小插件的时候，文件是可以正常拖进去的，但一嵌入到父项目中，拖拽效果竟然失效了，怎么也触发不了onDrop事件
解决过程： 仔细想想，应该是父项目的元素影响的，问了deepseek，它给出了五种原因：
- 未启用拖拽功能
- 事件冒泡与捕获问题
- 样式遮挡问题
- 浏览器兼容问题
- JavaScript错误
使用chrome的元素检查工具，排除了样式遮挡问题，最有可能的就是事件冒泡与捕获问题了。
deepseek给出：事件冒泡和捕获机制也许会让 onDrop 事件被其他元素拦截。若父元素有 dragover 或 drop 事件处理函数，且没阻止事件冒泡，子元素的 onDrop 事件可能就不会触发。
解决方案：
最后在上传组件的最近一个父元素（或者再往上找也行，总之，就是越早阻止事件冒泡越好）的dragover事件中，加上event.stopPropagation()，一定是stopPropagation事件！！，preventDefault是阻止默认事件没效果！！
最后总结，解决问题的过程就是从大范围慢慢的缩小到小范围，最后定位到精准点，切中要害！
