首先有这样一段代码,
很久很久以前有这样一个故事,这要从远古时代说起
fn和fn1是一对父子
div是parent,span是children
fn是子,fn1是父
最近在学react
首先
...
fn(ev){
alert(children)
}
fn1(ev){
alert(parent)
}
render() {
return
children
}
...
一般情况下,原生js写法,阻止冒泡或者阻止默认事件,
原生JavaScript
有这两种
ev.cancelBubble = true
ev.stopPropagation()
但是react比较牛逼,使用ev.cancelBubble没有效果,return false也没有效果
官方也说了,在react中不能使用返回 false 的方式阻止默认行为
fn(ev){
alert(children)
ev.cancelBubble = true
}
然后使用ev.stopPropagation(),成功干掉默认事件
fn(ev){
alert(c