Открыть диалог onRowClick [Material-Table] [React]

Question

Я использую React Material-Table (https://material-table.com/# / ). Как я могу отобразить диалог, когда я нажимаю на строку таблицы? Я пытался добиться этого с помощью свойства onRowClick, но не смог найти подходящих примеров с этим свойством и как я могу вызвать с ним мой компонент Dialog. Может ли кто-нибудь помочь с этим? Заранее спасибо!

Answer 1

Может быть, вы можете попробовать это, я использую хуки и компонент Dialog из материала ui для этого примера. Функция onRowClick изменит состояние showDialog на true, а диалог покажет, если showDialog имеет значение true

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

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