gpt4 book ai didi

javascript - 如何停止嵌套组件分派(dispatch) redux 操作的事件冒泡?

转载 作者:行者123 更新时间:2023-12-03 05:50:18 24 4
gpt4 key购买 nike

我动态渲染一堆嵌套组件,所有这些组件也附加到一个 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 eventtrigger stopPropagation()

<div onClick={(e)=>this.props.anAction(innerInnerElementName, e)}>    
{innerInnerElementName}
</div>

anAction(el, ev) {
ev.stopPropagation();
...
}

关于javascript - 如何停止嵌套组件分派(dispatch) redux 操作的事件冒泡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40184189/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com