反应stopPropagation根本不起作用

Question

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

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

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方法。