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

Question

我想使表格中的复选框和行的工作方式不同。现在，当我单击该行时，也会单击复选框，而另一种方式也是相同的。我想要做的是当我单击该行时，弹出对话框，当我单击该复选框时，仅单击复选框，而不是对话框正在工作。

Answer 1

将事件侦听器分别附加到每个事件侦听器。 您还可以在此处分享您的解决方法吗？ 将解决问题

Answer 2

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

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

例如

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