Description
Assuming we render the array with editable items,
like so, {fields.map((arrPrefix) => <Field name={
${arrPrefix}.val1} />}
When deleting a row of a field array
all of the indexes following the row becomes dirty, in the form.dirtyFields
.
I think it happens because the Field component of say item[1].val1 isEqual
will return false once deleting say item[0].val1.
I think the isEqual should be different when the Field
is looking at a nested array field, surely a change in Field
would be wrong, but Im thinking there should at least be a FieldArrayCell
that will render also accept id prop(along with Field
props) and will use this to send the isEqual
the correct values, and then, the isEqual will evaluate correctly, and form.dirtyFields
will be correct.