react 怎么阻止点击子元素触发父元素事件

• Z时代
• 2024-01-10
• 分类：技术分享

怎么点击Input的onchage事件时候只触发当前事件 不触发父元素上的onclick事件
阻止冒泡都不行

  //点击选中按钮
checkThis=(item,e)=>{
console.log(e)
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
const eventType = e.type; // => "click"
console.log(eventType)
item.checked=!item.checked
//   console.log(item)
}

回答

onChange 事件并不能阻止 click 事件冒泡，它俩不在同一个频道。你需要的是绑定 checkbox 的 onClick 然后阻止冒泡。

在input里面加一个onClick={e => e.stopPropagation()}

如果对你有帮助的话，请点个采纳点个赞，谢谢😊

以上是 react 怎么阻止点击子元素触发父元素事件 的全部内容， 来源链接： utcz.com/a/37960.html