在嵌套对象中使用final-form-array

如何解决在嵌套对象中使用final-form-array

我有一个场景，其中有多个网格，并且每个网格中可以有多行可以删除。

{ 
document: [{
rows: [{
make: "Tesla"
}]
}

我想那样做<FieldArray name="document[0]">之类的事情，我可以给网格添加和删除功能，但是看来fieldarray只需要单个节点。是否可以解决此问题，或者我做错了什么？

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

useField(`${fieldKey}${fieldindex}[${rowIndex}].${field}`)

但是由于ag-grid和单元格级别的验证问题，我想使用yup模式验证，所以我认为如果使用通用密钥会更容易。

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

解决方法

结果是我使用了错误的路径。我需要使用

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

这与新结构匹配。因此，FieldArray确实支持嵌套对象，您只需要正确命名即可。