We are receiving the data from the backend API to load up the same in our select form.

There going to be multiple dynamic dependent select fields in the form. Once we select the value in the first field the second one loads up the data associated with the previous selection, this same sequence carries on for the next few steps.

APIs given like-

/address/state/india --> ALL STATES
/address/state/id/{id} --> STATES BY ID

/address/district/id/{id} --> DISTRICT BY ID
/address/district/state/{stateCode} --> DISTRICT BY STATE ID

/address/city/id/{id} --> CITY BY ID
/address/city/district/{districtId} --> CITY BY DISTRICT ID

As we can see that We can load up the state, now the districts are dependent upon the state id, and same for cities dependent upon district id.

How do I implement this? Please help me.