Question about dynamic fields in ArrayField Nested Form approach

Hi Joe,

I am trying ArrayField to generate dynamic fields using custom component inputs.

I added 3 sets of fields and filled all the fields. When I tried to remove the second one, the third one was also removed.

Here is some part of my code.

https://gist.github.com/KLC215/34f8ecf60488b3670fc5a35f4015f2a1

• MainPage.js is the usage part
• MatrixDynamic.js renderFields(fields) is the render part

I tried to use copy this example

https://joepuzzo.github.io/informed/?path=/story/arrays--nested-form

and replaced origin inputs to my custom input, it works as expected.

So my question is, What is the best practice / correct way to render dynamic fields inside ArrayField?

Thanks.

[joepuzzo]

Awesome glad I could help

[joepuzzo]

Check that you are passing the key correctly. I bet its the same issue as originally