如何在反应中阻止事件传播？

Question

我尝试过e.stopPropagation();和e.nativeEvent.stopImmediatePropagation();

这是我的代码看起来像子组件：

class S extends React.Component {
  handleClick(e) {
    e.preventDefault();
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
  }

  render() {
    return (
      <div class='box' onClick={this.handleClick.bind(this)}>
      </div>
    )
  }
}

但在父组件中，点击事件仍会被触发

任何想法??
感谢