Javascript Reactjs-event.stopPropagation不工作

我有一个

Post

组件，它基本上是一张卡片。如果点击帖子，那么URL应该路由到

'/expand/'

现在我有了另一个名为

deletemplate

的组件，它渲染一个按钮并单击它渲染一个模式

现在，我已经在我的

Post

组件中使用了这个

deletemplate

现在，单击

deletemplate

按钮将呈现模式。在模式中，如果我选择

Cancel

选项，则URL将被路由到

'/expand/'

，这不应该发生

---

模式中按钮的单击事件正在向卡中冒出气泡。您需要将

event.stopPropagation（）

添加到模式中那些按钮的

onClick

处理程序中

因此，在

deletemplate

render函数中：

<Button color="secondary" onClick={this.cancel}>
    CANCEL
</Button>

工作示例：

cancel(event) {
    event.stopPropagation();
    this.toggleModal();
}