在Material React Table行中使用上下文菜单?

Question

我试图为MUI表的每一行添加上下文菜单，但我看不到一个适当的例子。是否有对行级别的内置支持，或者是否可以在MUI表中为每行添加此功能?

上下文菜单

我尝试了一些东西，但它无法检测到行(我需要将行传递给另一个组件进行编辑)。那么，我该怎么做呢?

下面是演示:https://codesandbox.io/s/pjj31k?file=/demo.tsx

Answer 1

要向MUI Table添加上下文菜单，可以捕获TableRow上的上下文菜单处理程序并传入行索引。然后你可以用它来控制一个Menu组件。

工作示例:https://codesandbox.io/s/youthful-brook-ld6cn2?file=/src/table.js