reactjs - 检查 Material 表行是否仍处于编辑模式

Question

我正在使用material-table在 material-ui Stepper即使表格仍处于编辑模式，用户也倾向于单击“下一步”按钮。这会导致数据丢失。

当用户单击“下一步”按钮时，我可以以某种方式访问​​表信息来检查表/行是否仍处于编辑模式吗？

Answer 1

虽然没有直接公开的方法可以告诉您表是否处于可编辑模式(我认为应该有)，但您仍然可以找到它，但您将不得不稍微弄乱它的内部结构。首先，您需要获取表的引用(查找 tableRef 属性)，然后可以帮助您的属性是表状态中的 lastEditingRow。

因此，tableRef 将为:tableRef.current.state.lastEditingRow。对于处于编辑模式的表格，lastEditingRow 将被设置为描述正在编辑的行的对象，如果表格未处于编辑模式，则未定义。

CodeSandbox 为您提供示例:https://codesandbox.io/s/fancy-waterfall-lg2ri