I have dynamic two select inputs. The second select gets populated based on the first select input.
I can add multiple select fields dynamically.
The problem I am facing is whenever I delete one particular row, it does delete it from the code but the display shows the last row is removed.
I tried to get the code sandbox of my code running but was not able to solve basic errors. However, my logic is in the given codesandbox link.
https://codesandbox.io/s/antd-form-list-multiple-form-item-dynamic-fields-forked-9nj5if?file=/src/App.js
Basically, I want a combination of these two functionalities where I can populate the select options based on fetched values from DB and at the same time allow users to add and remove new rows dynamically.
Sample for dynamic adding - https://codesandbox.io/s/antd-reproduction-template-forked-nfth6?file=/index.js
Sample for populating the select - https://codesandbox.io/s/sweet-bardeen-jrrwb?file=/src/App.js
