这是我反应中的一个群体。
<div onClick="this.redirect">
<div>item 1</div>
<div>item 2</div>
<div>
item 3
<div>subItem 1</div>
<div>subItem 2</div>
<button onClick={this.btnClick}>click me</button>
</div>
</div>
我希望如果我单击整个 div 组，它将重定向。
但是，我在组中有一个按钮，我想在没有重定向的情况下执行其他操作。
我能怎么做？
如果您不想在单击按钮时重定向，则可以event.stopPropagation()在btnClick函数内部使用，如下所示：
btnClick(event){
event.stopPropagation(); //will prevent the click from propagating to parent
//stuff here
}
render() {
return (
<div onClick={// redirection logic here}>
<div>item 1</div>
<div>item 2</div>
<div>
item 3
<div>subItem 1</div>
<div>subItem 2</div>
<button onClick={this.btnClick}>click me</button>
</div>
</div>
);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句