打开对话框onRowClick [材料表] [反应]

时间:2020-02-09 08:58:07

标签: javascript reactjs dialog material-table

我正在使用React Material-Table(https://material-table.com/#/)。单击表格行时如何显示对话框?我尝试使用onRowClick属性实现此目的,但是我找不到具有此属性的适当示例,以及如何使用它调用Dialog组件。 有人可以帮忙吗?预先感谢!

1 个答案:

答案 0 :(得分:0)

也许您可以尝试一下,在此示例中,我将使用材料ui中的hooks和Dialog组件。 onRowClick函数会将showDialog状态更改为true,如果showDialog为true,则Dialog将显示

const [showDialog, setShowDialog] = useState(false);

return(
<MaterialTable
   onRowClick={(evt,rowData)=>{setShowDialog(true)}}
/>
<Dialog open={showDialog}/>
)