#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); } }
Любое представление об этой проблеме. Спасибо.