Ag grid 在嵌套对象中使用最终形式数组

Ag grid 在嵌套对象中使用最终形式数组,ag-grid,ag-grid-react,react-final-form,final-form,react-final-form-arrays,Ag Grid,Ag Grid React,React Final Form,Final Form,React Final Form Arrays,我有一个场景,我有多个网格,在每个网格中可以有多行可以删除 { document: [{ rows: [{ make: "Tesla" }] } 我想做一些类似于的事情,通过这种方式,我可以提供网格添加和删除功能,但fieldarray似乎只接受单个节点。这有什么办法吗?还是我做错了什么 最初我有document1:{[{…fields}]}所以useField看起来像这样: useField(`${fieldKey}${fieldIndex}[${rowIndex}].

我有一个场景,我有多个网格,在每个网格中可以有多行可以删除

{ 
document: [{
rows: [{
make: "Tesla"
}]
}
我想做一些类似于
的事情,通过这种方式,我可以提供网格添加和删除功能,但fieldarray似乎只接受单个节点。这有什么办法吗?还是我做错了什么

最初我有
document1:{[{…fields}]}
所以useField看起来像这样:

useField(`${fieldKey}${fieldIndex}[${rowIndex}].${field}`)
但是我想使用yup模式验证,因为ag网格和单元级别的验证存在问题,所以我认为如果使用通用密钥,会更容易

fields.removeBatch(gridApi.getSelectedNodes().map(({ rowIndex }) => rowIndex));

原来我走错了路。我需要使用

<FieldArray name={`${fieldKey}.${fieldIndex}.rows`}>

这与新结构相匹配。因此,FieldArray确实支持嵌套对象,您只需正确获取名称即可。

您做到了!!