Reactjs 如果添加了子项，则再次触发onDragEnter和onDragLeave。这并不意味着'；OnMouseCenter和onMouseLeave不会发生这种情况

如果在onDragEnter之后（在离开之前）将一个子元素添加到指针下显示的元素（包含侦听器），则会触发onDragLeave。 鼠标事件不会发生这种情况

蓝色方块监听鼠标事件，绿色方块拖动事件。 当拖动红色方块（到绿色方块）时，如果鼠标位于添加子对象的位置，则会重复触发事件

有没有办法使拖动事件的行为类似于鼠标事件

短暂性脑缺血发作

PS:Stack Snippet不适合与reactjs一起使用，所以这里有个小问题：

var占位符=React.createClass({
render:function（）{
返回（）；
}
})
var Draggable=React.createClass({
dragStart:函数（e）{
console.log（“dragStart…”）
//需要设置firefox的数据才能工作
e、 dataTransfer.setData（“text/html”，null）
this.setState（{overed:true}）；
},
render:function（）{
返回(
);
}
})
var SomeBox1=React.createClass({
getInitialState:函数（）{
返回{overed:false}；
},
排水剂：功能（e）{
控制台日志（“dragEnter…”）；
e、 preventDefault（）；例如stopPropagation（）；
this.setState（{overed:true}）；
},
dragLeave：函数（e）{
console.log（“dragLeave…”）；
e、 preventDefault（）；例如stopPropagation（）；
this.setState（{overed:false}）；
},  
render:function（）{
console.log（“渲染…”）；
返回(
{this.state.overed&}
);
},
});
var SomeBox2=React.createClass({
getInitialState:函数（）{
返回{overed:false}；
},
鼠标指针：函数（e）{
console.log（“鼠标插入…”）
this.setState（{overed:true}）
},
鼠标移动：功能（e）{
console.log（“mouseLeave…”）
this.setState（{overed:false}）
},  
render:function（）{
log（“渲染…”）
返回(
{this.state.overed&}
);
},
});
React.renderComponent（，document.getElementById（'div1'）；
React.renderComponent（，document.getElementById（'div2'）；
React.renderComponent（，document.getElementById（'div3'）
#第1部分{
宽度：50%；高度：100px；
显示：内联块；
背景：绿色；
}
#第二组{
宽度：50%；高度：100px；
显示：内联块；
背景：蓝色；
}
#div1>div，#div2>div{
身高：100%；
}
.占位符{
高度：50px；
背景：rgb（255240120）；
}
.拖拉{
高度：30px；宽度：30px；
背景：红色；
}
Ok…设置CSS属性“pointer events:none；”将禁用元素触发鼠标事件。现在的问题是，我需要赶上“onDragDrop”活动