Material-ui：如何停止嵌套组件中单击事件的传播

我有一个IconMenu里面的组件Paper成分。 我想阻止内部组件（IconMenu）。 这就是我想出来的，没有显着的结果（我也尝试用 onClick 代替onTouchTap, onMouseUp具有相同的效果）：_iconMenuClick方法从未被调用。

render() {
     return (
         <Paper onClick={this._onClick}>
             <IconMenu iconButtonElement={iconButtonElement} onClick={this._iconMenuClick}>
                 {menuItems}
             </IconMenu>
         </Paper>
     );
}

_iconMenuClick(event) {
    MenuItem.onClick(event);
    event.stopPropagation();
}

除了使用event.stopPropagation();值得注意的是，它应该写在一个onClick事件处理程序。

我犯了一个错误，把它写在onChange事件处理程序，但那不起作用。

我找到了这个解决方案here https://github.com/mui-org/material-ui/issues/11928

EDIT:

<ListItem button onClick={this.handleListItemClick}>
-       <Checkbox onChange={this.handleCheckboxChange} />
+       <Checkbox onClick={this.handleCheckboxChange} />
      </ListItem>