Reactjs 根据其他选择更改选择中的选项

如何在第一次选择国家/地区的基础上更改第二次选择城市的选项？ 如果我在更改第一个选择后打开第二个选择，它可以正常工作，但我仍然可以看到较旧的选项

例如England-->London，将英格兰更改为德国时，在第二个选择中仍可见伦敦，但如果打开第二个选择，则选项将更改为德国的城市

const countryJson = {
"England": [
  "London"
],
"Germany": [
  "Berlin",
]}
return (
<IonList lines="none" >
  <IonItem>
    <IonLabel>{i18n.t('Place')}</IonLabel>
    <IonSelect value={country} okText="Okay" cancelText="Dismiss" onIonChange={e => {setCountry(e.detail.value); setDisabled(false); changeCityAccordingToCountry(e.detail.value);}}>
      <IonSelectOption value="England">England</IonSelectOption>
      <IonSelectOption value="Germany">Germany</IonSelectOption>
    </IonSelect>
  </IonItem>
  <IonItem><IonLabel>{i18n.t('City')}</IonLabel>
    <IonSelect value={city} okText="Okay" cancelText="Dismiss" onIonChange={e => {setCity(e.detail.value); setDisabled(false)}}>

      {countryJson[country].map((element, index) => {
        return (
          <IonSelectOption key={index}>{element}</IonSelectOption>
        );
      })};

    </IonSelect>
  </IonItem>
</IonList>


  );

const countryJson={
“英格兰”：[
“伦敦”
],
“德国”：[
“柏林”，
]}
返回(
{i18n.t（'Place'）}
{setCountry（e.detail.value）；setDisabled（false）；changeCityAccordingToCountry（e.detail.value）；}>
英格兰
德国
{i18n.t（'City'）}
{setCity（e.detail.value）；setDisabled（false）}>
{countryJson[country].map（（元素，索引）=>{
返回(
{element}
);
})};
);