React怎么阻止事件冒泡

424 阅读1分钟
  • 阻止合成事件的冒泡用e.stopPropagation()

  • 阻止合成事件和最外层document事件冒泡,使用e.nativeEvent.stopImmediatePropogation()

  • 阻止合成事件和除了最外层document事件冒泡,通过判断e.target避免

document.body.addEventListener('click',e=>{
  if(e.target && e.target.matches('div.stop')){
    return
  }
  this.setState({active:false})
})