reactjs - 反应 stopPropagation 根本不起作用

Question

我使用嵌套的组件，但是一旦单击该组件，我想停止将单击事件传播到组件后面的父元素。

对于一个简单的例子，我确实是这样实现的：

public render() {
  return (
    <div data-id={i} onClick={this.showModal}>
  );
}
private showModal(e:any): void {
    //logic to show modal
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
}

但是，事件甚至 nativeEvent 都没有停止，每个嵌套实例都调用了 showModal 方法。

标签： reactjstypescript