Проверьте, находится ли строка таблицы материалов в режиме редактирования.

Question

Я использую таблицу материалов в material-ui Stepper , и пользователь стремится нажать кнопку «Далее», даже если таблица все еще находится в режиме редактирования.Это приводит к потере данных.

Можно ли каким-то образом получить доступ к информации таблицы, чтобы проверить, находится ли таблица / строка все еще в режиме редактирования, когда пользователь нажимает кнопку "Далее"?

Answer 1

Хотя нет прямого метода, который бы указывал вам, является ли таблица редактируемым режимом или нет (и я думаю, что так и должно быть), вы все равно можете это выяснить, но вам придется немного позабавиться с ее внутренностями.Сначала вам нужно получить ссылку на таблицу ( find tableRef property ), а затем свойство, которое вам поможет, - lastEditingRow в состоянии таблицы.

Итак, имея tableRef, это будет: tableRef.current.state.lastEditingRow.Для таблицы в режиме редактирования lastEditingRow будет установлен для объекта, описывающего редактируемую строку, и undefined, если таблица не находится в режиме редактирования.

CodeSandbox с примером для вас: https://codesandbox.io/s/fancy-waterfall-lg2ri