我很难用ag网格创建一个可编辑的网格。我发现,使用渲染器和编辑器,其中两者都有useField,在删除带有react final表单数组的行时会产生问题。
请记住,渲染器是单元格的只读/正常状态,而编辑器是编辑视图;编辑器仅在编辑时渲染。
https://codesandbox.io/s/infallible-violet-joej4?file=/src/App.js
在上面的示例中,您将看到我已经注释掉了渲染器和验证规则。注释掉渲染器可以防止我显示验证错误——除此之外,ag网格会破坏useField,因此我的验证也会丢失。
天真地,我认为表单验证而不是字段验证是可行的,但同样,我仍然需要一个自定义的呈现器来显示验证或元数据。
然后我想到创建一个二维数组,该数组具有所有useField单元格;渲染的钩子比上一次渲染时多"错误。我不太熟悉钩子,但我认为<Field>
也不起作用。
想法?
不再按单元格更新,而是按网格更新。这使得ag网格成为真理的来源,根据需要更新最终形式。