Modify Form to support an array of FieldValues

I would like to be able to have Form control an array of inputs. For instance, if I have a form where I am allowing a user to input multiple phone numbers.

Expected Behavior

Originally I thought this would have worked by making the name of the controlled component with the index of the FieldValue. Something like phones[0].number which would be an object.

Actual Behavior

It does not work like this, instead I have to implement my own array of FieldValues, and control them using external state.

URL, screen shot, or Codepen exhibiting the issue

Here is my code sandbox with a demonstration of the issue.

Your Environment

• Grommet version: 2.11.1
• Browser Name and version: Brave Version 1.4.96 Chromium: 80.0.3987.132 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): macOS Catalina 10.15.3

[ericsoderberghp]

Sounds reasonable. My inclination is to have FormContext.update() know how to translate a name like person[0].name into setting value['person'][0]['name'] = value.

[jcfilben]

Go for it! @g4rry420