我动态渲染了一堆嵌套的组件，所有这些组件也都附加到redux动作上。
不幸的是，当我单击最里面的元素时，所有这些对象都需要执行该操作，在这种情况下如何阻止它冒泡呢？
示例代码：
<div onClick={()=>this.props.anAction(elementName)}>{elementName}
<div onClick={()=>this.props.anAction(innerElementName)}>{innerElementName}
<div onClick={()=>this.props.anAction(innerInnerElementName)}>
{innerInnerElementName}
</div>
</div>
</div>
您可以传递onClick event和trigger stopPropagation()
<div onClick={(e)=>this.props.anAction(innerInnerElementName, e)}>
{innerInnerElementName}
</div>
anAction(el, ev) {
ev.stopPropagation();
...
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句