关于ag-grid和最终形式的问题

问题描述

我正在努力用ag-grid创建可编辑的网格。我发现同时使用同时具有useField的 renderer editor 会在使用react-final-form-array删除行时产生问题。

请记住,渲染器是单元格的只读/正常状态,而编辑器是编辑视图;编辑器仅在编辑时呈现。

https://codesandbox.io/s/infallible-violet-joej4?file=/src/App.js

在上面的示例中,您将看到我已经注释掉了渲染器和验证规则。注释掉渲染器会阻止我显示验证错误-最重要的是,ag-grid破坏了useField,因此我的验证也丢失了。

天真的,我认为应该采用表单验证而不是字段验证,但是我仍然需要自定义渲染器来显示验证或元数据。

然后,我想到了创建一个具有所有useField单元格的二维数组,但这会导致“渲染的钩子比上一次渲染期间要多”。错误。我不太熟悉钩子,但也没有看到<Field>起作用。

有想法吗?

解决方法

远离按单元格更新,而是按网格更新。这使ag-grid成为了根据需要更新最终形式的真理之源。