在componentDidMount（）中渲染子组件时无法停止传播

Question

这是我的JS Bin Demo：

https://jsbin.com/baxipufozo/edit?html,js,output

我在DragDropChild

中渲染DragDropParent componentDidMount

但是当我拖动孩子时，父母也会触发dragstart！

与click事件相同的问题

我尝试了e.stopPropagation() e.nativeEvent.stopPropagation()和e.nativeEvent.stopImmediatePropagation()但他们都没用了

所以我在componentDidMount（）中渲染子组件时无法停止传播，但我必须在didMount中渲染子项。

Answer 1

好吧，你可以用一个简单的条件阻止父拖拽检测：

if(e.target.id === 'parent') {
      console.log('parent');
      e.dataTransfer.setData('Text','parent')
}

但为什么不能在其父渲染方法中正常渲染孩子呢？