Получите идентификатор из поля компонента типа «InputSelect» с помощью семантической реакции пользовательского интерфейса

#reactjs #typescript #axios #semantic-ui

Вопрос:

Здравствуйте, я новичок в React, я использую семантический пользовательский интерфейс react, и у меня есть список данных (Тип платежа), и я хочу отобразить в поле ввода типа Выберите метку типа и, выбрав один из них, я получу его идентификатор.

Вот что я попробовал :

.TSX :

 lt;Grid.Columngt;  lt;h5gt;Mode de paiement lt;/h5gt;  lt;Field component={InputSelect} options={ITListModePaiement} name='modePaiement' value={client.modePaiement} /gt;  lt;/Grid.Columngt;  

.Интерфейс :

 export interface IInterfaceModeReglement {  key: string,  text: string,  value : string }  export const ITListModeReglement: IInterfaceModeReglement[] = [];  

и мой магазин :

 @action loadModeReglements = async () =gt; {  this.loadingModeReglement = true;  try {  const modeReglementEnveloppe = await agent.modeReglementAgent.list();  const { modeReglements, modeReglementCount } = modeReglementEnveloppe;  runInAction(() =gt; {  modeReglements.forEach((modeReglement) =gt; {  this.modeReglementRegestry.set(modeReglement.reglementId, modeReglement);  //this.modeReglementInterface?.key = modeReglement.reglementId;  //this.modeReglementInterface?.text = modeReglement.label;  //this.modeReglementInterface?.value = modeReglement.label;  //ITListModeReglement.push(this.modeReglementInterface);  })  this.modeReglementsCount = modeReglementCount;  this.loadingModeReglement = false;  })  } catch (e) {  runInAction(() =gt; {  this.loadingModeReglement = false;  })  console.log(e);  }  }  

Любое представление об этой проблеме. Спасибо.