Как программно обновить реквизиты ячеек в Mui-Datagrid
Мы используем компонент Mui-Datagrid, где пользователи могут загружать и редактировать свои данные. В пределахcustomID
определение столбца, есть свойства и.
const columns = [ { field: "customID", headerName: "customID", width: 100, editable: true, preProcessEditCellProps: customIDValidation, renderEditCell: renderEditCell } ... ];
The preProcessEditCellProps
проверка достоверности ввода только тогда, когда пользователь печатает. Если длина значения меньше 3, он возвращаетerror
&errorMessage
а затем передать егоrenderEditCell
в качестве реквизита.
Дело в том, что у нас есть кнопка отправки, где мы хотим проверить все ячейки перед отправкой данных, а затем обновить реквизиты ячеек, чтобы показать, какие ячейки недействительны, а также стилизовать их.
Я пытался выяснить, как обновить эти реквизиты ячеек, используя apiRef Mui DataGrid, и не смог найти подходящего метода для этого.
прикрепленные коды и ящик:https://codesandbox.io/s/morning-snow-pmj64y?file=/src/App.js
Любые идеи более чем приветствуются. Спасибо!