Блог

Я использую Ionic с React и хочу создать опцию выбора с возможностью поиска или фильтрации, которая позволит пользователю легко находить свой город, я нашел Ioni-selectable , но она работает только в Angular.

я не знаю, есть ли другое решение для этого, это означает, что пользователь может ввести букву на клавиатуре, и список будет отсортирован.

это то, что я использую сейчас

 <IonItem>
        <IonLabel position="floating"><FormattedMessage id={'post.city'}/></IonLabel>
        <IonSelect interface="popover"
                   value={city}
                   onIonChange={e => {
                      this.setState({city: e.detail.value}, () => {
                      this.activateSubmit();
                          });
                             }}
        >
        {cities ? cities.map((item: City, index: number) => {
        return (
        <IonSelectOption value={item.id} key={item.id}>
         {
          (lang === 'fr' ? item.nomFr : item.nomArab)
            .replace(' -', '')
             .replace(' –', '')
         }
    </IonSelectOption>
     );
      }) : null}
       </IonSelect>
      <IonText slot={'end'} color={'medium'}>
      <FormattedMessage id={'form.required'}/>
      </IonText>
      </IonItem>