ag-grid 和 final-form 的问题

Question

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

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

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

在上面的示例中，您会看到我已经注释掉了渲染器和验证规则。注释掉渲染器会阻止我显示验证错误——除此之外，ag-grid 会破坏 useField，因此我的验证也会丢失。

天真地，我认为表单验证而不是字段验证是可行的方法，但同样，我仍然需要自定义渲染器来显示验证或元数据。

然后我想创建一个包含所有 useField 单元格的二维数组，但这会导致“渲染的钩子比上一次渲染期间更多”。错误。我不精通钩子，但我也没有看到 <Field> 工作。

想法？

Answer 1

不再按单元格更新，而是按网格更新。这让 ag-grid 成为根据需要更新最终形式的事实来源。