如何在reactjs中调用stopPropagation？

Question

我想阻止点击事件冒出来.因此我在我的代码中添加了e.stopPropagation().我总是在控制台出错,说:Uncaught TypeError: e.stopPropagation is not a function

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

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

        ...

    }, 

Answer 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>;
  }
});

Example

您的事件处理程序将传递SyntheticEvent的实例,这是一个围绕浏览器本机事件的跨浏览器包装器.它具有与浏览器本机事件相同的接口,包括stopPropagation()和preventDefault(),但事件在所有浏览器中的工作方式相同. Event System