reactjs - 使表中的复选框和行在material-ui中表现不同答案

【问题标题】：reactjs - make checkbox and row in table behave differently in material-uireactjs - 使表中的复选框和行在material-ui中表现不同
【发布时间】：2017-03-27 09:55:34
【问题描述】：

我想让表格中的复选框和行以不同的方式工作。现在，当我单击该行时，也单击了复选框，并且其他方式也一样。我想要做的是当我单击该行时，弹出对话框，当我单击复选框时，仅单击复选框，而不是对话框。

【问题讨论】：

你的尝试是什么？
复选框是否在行内？
你有没有想过这个问题？
这里回答stackoverflow.com/questions/38110341/…

标签： javascript reactjs checkbox material-ui

【解决方案1】：

将事件侦听器分别附加到每个。你也可以在这里分享你的解决方法吗？会解决问题

【讨论】：

【解决方案2】：

分别在每个 onClick 事件处理程序中添加一个e.stopPropagation();（一个用于行，另一个用于复选框）。

在onClick方法参数中，传入e。然后调用 e 对象上的方法。

例如

onClick={e => {
         e.stopPropagation();
         // Do whatever you want
        }}

【讨论】：