Javascript 防止子组件触发父'；s onClick

使用React中的Material ui，我想让

与

onClick

（快速添加到购物车）有一个行为，并让父级

具有不同的

onClick

行为（打开该项目的“更多信息”对话框）。 我的问题是，当我单击

时，它会同时执行这两个操作（打开更多信息

对话框

并添加到购物车中）。 有没有办法让

不从父组件继承onClick

}
/>

在子处理程序中，阻止事件向上传播：

<IconButton
    aria-label={`info about ${tile.title}`}
    className={classes.icon}
    onClick={(e) => {
        e.stopPropagation();
        dispatch({ type: "cart-increment" });
    }}

{
e、 停止传播（）；
分派（{type:“购物车增量”}）；
}}