ag-grid - ネストされたオブジェクトでの final-form-array の使用

Question

複数のグリッドがあり、各グリッドに削除可能な複数の行を含めることができるシナリオがあります。

{ 
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));