材料表onRowClick和动作按钮单击重叠

Question

<MaterialTable 
onRowClick={() => openRightDrawer()}
actions={[
{
icon:"Check",
tooltip:"Activate",
onClick: () => activateAccount()
}
]}
components={{
Action: props => <Button onClick={() => props.action.onClick()}>Activate</Button>
}}
/>

当我单击一个按钮时，onRowClick事件也会触发，有什么解决方法吗？

Answer 1

谢谢@mbrn，让它工作了https://github.com/mbrn/material-table/issues/1362

<MaterialTable 
onRowClick={() => openRightDrawer()}
actions={[
{
icon:"Check",
tooltip:"Activate",
onClick: () => activateAccount()
}
]}
components={{
Action: props => <Button onClick={(event) => {
    props.action.onClick();
    event.stopPropagation();
 }
}>Activate</Button>
}}
/>