Added state variables to manage dropdown selections for country, state, and city.
Added state variables for storing country, state, and city data.
Helper Functions for Dropdown Rendering:
Introduced boolean functions to check if state and city data have been set to ensure the dropdown menus render correctly.
Metadata State Variables:
Added state variables to hold selected country, state, and city metadata.
useEffect Hooks for Data Fetching:
Added useEffect hooks to update state data when a country is selected and city data when a state is selected.
Added useEffect hooks to format state and city data for dropdown options.
Dropdown Callback Functions:
Introduced callback functions to handle the selection of country, state, and city, updating the corresponding state variables and metadata.
Country, State, City Section in Form:
Added country, state, and city dropdowns in the form with conditional rendering based on whether state and city data have been set.
These changes introduce dynamic dropdowns for selecting country, state, and city, using hooks for data fetching and formatting, and conditional rendering to ensure the form updates correctly based on user selections.
Added country/state/city dropdown menu's
State Variables Initialization:
Helper Functions for Dropdown Rendering:
Metadata State Variables:
useEffect Hooks for Data Fetching:
Dropdown Callback Functions:
Country, State, City Section in Form:
These changes introduce dynamic dropdowns for selecting country, state, and city, using hooks for data fetching and formatting, and conditional rendering to ensure the form updates correctly based on user selections.