Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript reactjs-使表中的复选框和行在材质ui中的行为不同_Javascript_Reactjs_Checkbox_Material Ui - Fatal编程技术网

Javascript reactjs-使表中的复选框和行在材质ui中的行为不同

Javascript reactjs-使表中的复选框和行在材质ui中的行为不同,javascript,reactjs,checkbox,material-ui,Javascript,Reactjs,Checkbox,Material Ui,我想让表中的复选框和行以不同的方式工作。现在,当我单击该行时,复选框也会被单击,另一种方式也是如此。我要做的是,当我单击行时,弹出对话框,当我单击复选框时,只单击复选框,而不工作对话框。将事件侦听器分别附加到每个。 你也可以在这里分享你的工作方法。 将解决问题添加一个e.stopPropagation() 在onClick方法参数中,传入e。然后调用e对象上的方法 比如说 onClick={e => { e.stopPropagation(); // D

我想让表中的复选框和行以不同的方式工作。现在,当我单击该行时,复选框也会被单击,另一种方式也是如此。我要做的是,当我单击行时,弹出对话框,当我单击复选框时,只单击复选框,而不工作对话框。

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

添加一个
e.stopPropagation()

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

比如说

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

您的尝试是什么?复选框在行中吗?您是否发现了这一点?答案在这里