如何在reactjs中调用stopPropagation？

Z时代
2024-01-10
分类：问答

我想阻止点击事件起泡。因此，我在代码中添加了e.stopPropagation（）。我总是在控制台中看到一个错误，那就是：Uncaught

TypeError: e.stopPropagation is not a function

在reactjs中设置stopPropagation的正确方法是什么？

      handleClick: function(index, e) {
        e.stopPropagation();
        ...
    },

回答：

正确的方法是使用.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>;
  }
});

Example