ag-grid - ag-grid 和 final-form 的问题

Question

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

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

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

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

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

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

想法？

标签： ag-gridag-grid-reactreact-final-formfinal-formreact-final-form-arrays

Answer 1

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