javascript - Material-ui:如何停止在嵌套组件中传播点击事件

Question

我在 Paper 组件中有一个 IconMenu 组件。 我想防止在内部组件(IconMenu)上传播点击事件。 这就是我想出的，没有明显的结果(我也尝试用 onTouchTap，onMouseUp 替换 onClick 具有相同的效果): _iconMenuClick 方法是从来没有打电话。

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

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

Answer 1

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

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

我找到了解决方案 here

编辑:

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