我正在努力用 ag-grid 创建一个可编辑的网格。我发现在使用react-final-form-array 删除行时,同时使用具有 useField的渲染器和编辑器会产生问题。
请记住,渲染器是单元格的只读/正常状态,而编辑器是编辑视图;编辑器仅在编辑时呈现。
https://codesandbox.io/s/infallible-violet-joej4?file=/src/App.js
在上面的示例中,您会看到我已经注释掉了渲染器和验证规则。注释掉渲染器会阻止我显示验证错误——最重要的是,ag-grid 会破坏 useField,因此我的验证也会丢失。
天真地,我认为表单验证而不是字段验证是要走的路,但同样,我仍然需要自定义渲染器来显示验证或元数据。
然后我想创建一个包含所有 useField 单元格的二维数组,但这会导致“渲染的钩子比上一次渲染时更多”。错误。我不精通钩子,但我也看不到<Field>
工作。
想法?