检查材料表行是否仍处于编辑模式

Question

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

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

Answer 1

虽然没有直接公开的方法可以告诉您表格是否为可编辑模式（我认为应该有），但您仍然可以找到它，但您将不得不对其内部结构进行一些处理。首先，您需要获取表的 ref（查找tableRef属性），然后将帮助您的属性lastEditingRow处于表的状态。

因此，拥有tableRef这将是：tableRef.current.state.lastEditingRow。对于处于编辑模式的表lastEditingRow将被设置为描述正在编辑的行的对象，undefined如果表未处于编辑模式。

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