分享更有价值
被信任是一种快乐

react如何取消冒泡

文章页正文上

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

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

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

相关推荐: node require怎么使用

这篇文章主要讲解了“node require怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“node require怎么使用”吧! node中的require是一个函数,该函数接受一个参数,形参名为id,…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册