我想阻止点击事件冒泡。因此，我在代码中添加了 e.stopPropagation()。我总是在控制台中出错，说：Uncaught TypeError: e.stopPropagation is not a function
在 reactjs 中设置 stopPropagation 的正确方法是什么？
handleClick: function(index, e) {
e.stopPropagation();
...
},
如何在reactjs中调用stopPropagation？
IT技术
reactjs
2021-04-11 02:23:22
1个回答
正确的方法是使用.stopPropagation，
var Component = React.createClass({
handleParentClick: function() {
console.log('handleParentClick');
},
handleChildClick: function(e) {
e.stopPropagation();
console.log('handleChildClick');
},
render: function() {
return <div onClick={this.handleParentClick}>
<p onClick={this.handleChildClick}>Child</p>
</div>;
}
});
您的事件处理程序将传递 SyntheticEvent 的实例，这是一个围绕浏览器本机事件的跨浏览器包装器。它与浏览器的本机事件具有相同的界面，包括 stopPropagation() 和 preventDefault()，但这些事件在所有浏览器中的工作方式相同。
Event System
其它你可能感兴趣的问题