Блог

Вот мой код. Я получаю названия и значения стран при первом вызове api. Я получаю названия городов и значения во втором вызове api, и я получаю названия городов и значения в третьем вызове api. Например, значение страны, которое я получаю, запускает второй вызов api или значение города, которое я получаю, запускает третий вызов api.

Мой вопрос, например, предположим, что я выбрал Нью-Йорк в качестве города и Бруклин в качестве города. Если я позже выберу Калифорнию в качестве города, значение Бруклина все равно останется. Я не хочу, чтобы это значение оставалось, вместо этого я хочу, чтобы отображалось значение в моем заполнителе. Как мне это сделать?

 firstApiCall();  // I get the country names.

secondApiCall(); // I get the city names.

thirApiCall(); // I get the town names.


<FormControl id="country">
        <FormLabel>Country</FormLabel>
        <Select
          onChange={handleChange}
          name="countryCode"
          placeholder= "Select Country"
          options={options.country}
        />
      </FormControl>
      <FormControl id="city">
        <FormLabel>City</FormLabel>
        <Select     
          name="cityCode"
          placeholder="Select City"
          onChange={handleChange}
          options={options.city}
        />
      </FormControl>
      <FormControl id="town">
        <FormLabel>Town</FormLabel>
        <Select
          placeholder="Select Town"
          name="townCode"
          onChange={handleChange}
          options={options.town}
        />
      </FormControl>