react如何取消冒泡

这篇文章主要介绍了react如何取消冒泡的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇react如何取消冒泡文章都会有所收获，下面我们一起来看看吧。 react取消冒泡的方法：1、给dom元素绑定一个单击事件，重新渲染组件；2、通过“function change(e){e.nativeEvent.stop免费云主机域名ImmediatePropagation();}”方式取消冒泡即可。react 中取消冒泡最近在做一个 卸载 react组件的小demo碰见了一个小问题　就是冒泡事件的处理我们在react中卸载组件 可以用重新渲染的方式 卸载

ReactDOM.render(,document.getElementById('root'))
//给dom元素绑定一个单击事件重新渲染组件就会把之前的App组件卸载了
document.onclick=function(){
ReactDOM.render(
HelloReact.js
,document.getElementById('root'))
}
//这样虽然实现了但是出现了新的问题因为给document绑定的单击事件导致冒泡事件发生了
//然后就开始尝试各中取消冒泡的方式在组件中
e.stopPropagation()
e.cancelBuble=true;
//上面我知道的俩种方式都不可以　后来去网上搜索了一下　终于找到　藏得很深的取消冒泡的方法
functionchange(e){
//注意在react的事件对象中是由react组件给封装了一下
e.nativeEvent.stopImmediatePropagation();//这个方法就可以做到了nativeEvent原生方法
}

关于“react如何取消冒泡”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“react如何取消冒泡”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。

相关推荐: go语言的10种数据类型介绍

今天小编给大家分享的是go语言的10种数据类型介绍，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。 go语言的数据类型有：1、布尔型，值只可以是常量true或false；2、数字类型，支持整型和浮点型数字…