问题描述
我正在努力用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成为了根据需要更新最终形式的真理之源。