final-form/react-final-form-arrays

Please provide a full working example

OnkelTem opened this issue · 1 comments

Are you submitting a bug report or a feature request?

Documentation request.

What is the current behavior?

Currently it's not clear how to build a form with a set of array elements, which correctly tracks statuses of the fields.
The example provided in the readme just skips this problem.

Here is an updated version of the readme's example: https://codesandbox.io/s/react-final-form-field-arrays-forked-jriin?file=/index.js

As you can see, deleting a row makes the others 'dirty'.

What is the expected behavior?

A working example to show how to properly use the component.

For example, an array of three elements ['a', 'b', 'c'] being updated by removing the first element 'a', is treated as being actually updated in a different way:

  • the last element was removed
  • the first two were updated.

It seems like the following bug reports describe similar problem in different ways:

#145
#37
#36
#34
#33

So what is the proper way of using FieldArray?

Sandbox Link

https://codesandbox.io/s/react-final-form-field-arrays-forked-jriin?file=/index.js

What's your environment?

See the sandbox.

I think this is also related #107 and #38