Új hozzászólás Aktív témák

• coco2 őstag

  #8666

  #8662 _ak_

  2021-05-13 16:48:08

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  coco2

  őstag

  #8662 _ak_

  #8662 _ak_

  Nekem erről egyből a Modernizr jutott eszembe, de nem tudom, hogy mennyire divatos még használni.

  Más.
  
  Ugyan csak lassacskán, de ismerkedem a TypeScripttel és van valami ami nem tudom, hogy miért nem működik. Az MS Authentication Libraryban adott egy type definition:

  export declare type AccountInfo = {
    homeAccountId: string;
    environment: string;
    tenantId: string;
    username: string;
    localAccountId: string;
    name?: string;
    idTokenClaims?: object;
};

  AzA React komponensemben szeretnék hozzáférni egy custom idTokenClaimshez:

  const { accounts } = useMsal();
const account = useAccount(accounts[0] || {});
const customProp: IAccount = account?.idTokenClaims?.extension_customProp;

  Az account definíciója az AccountInfo. Az IAccount egy általam létrehozott interface, ahol az AccountInfo-t próbálom kibővíteni, lovasítom alapján ennek működnie kellene:

  interface IAccount extends AccountInfo {
  idTokenClaims: {
   extension_customProp: string;
  };
}

  De akárhogy csavarom a dolgot az .extension_customProp-ra mindig azt kapom, hogy
  TS2339: Property 'extension_customProp' does not exist on type 'object'.
  
  Hol rontom el?

  TS/ES - a magam részéről nem erőltetném. ES6-nak anno örültem, de csak addig, míg le nem esett róla, mekkora egy fail. Kb olyan fejlettségi szinten van, mint anno a php3. Pihentetni kellene legalább fél évtizedet, és majd megnézni utána.

• Silεncε őstag

  #8663

  #8662 _ak_

  2021-05-13 11:08:09

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Silεncε

  őstag

  #8662 _ak_

  #8662 _ak_

  Nekem erről egyből a Modernizr jutott eszembe, de nem tudom, hogy mennyire divatos még használni.

  Más.
  
  Ugyan csak lassacskán, de ismerkedem a TypeScripttel és van valami ami nem tudom, hogy miért nem működik. Az MS Authentication Libraryban adott egy type definition:

  export declare type AccountInfo = {
    homeAccountId: string;
    environment: string;
    tenantId: string;
    username: string;
    localAccountId: string;
    name?: string;
    idTokenClaims?: object;
};

  AzA React komponensemben szeretnék hozzáférni egy custom idTokenClaimshez:

  const { accounts } = useMsal();
const account = useAccount(accounts[0] || {});
const customProp: IAccount = account?.idTokenClaims?.extension_customProp;

  Az account definíciója az AccountInfo. Az IAccount egy általam létrehozott interface, ahol az AccountInfo-t próbálom kibővíteni, lovasítom alapján ennek működnie kellene:

  interface IAccount extends AccountInfo {
  idTokenClaims: {
   extension_customProp: string;
  };
}

  De akárhogy csavarom a dolgot az .extension_customProp-ra mindig azt kapom, hogy
  TS2339: Property 'extension_customProp' does not exist on type 'object'.
  
  Hol rontom el?

  Szerintem: Az useAccount visszatérhet sima objecttel is (én erre következtetek a paraméterben átadott üres object miatt)? Akkor viszont a TS jogosan reklamál, hiszen ott az account típusa nem IAccount lesz, hanem IAccount | object “union”, az objecten pedig nem fogja megtalálni az adott propot.

  Illetve az az IAccount típusdeklaráció sincs szerintem jó helyen, annak az account konstanson kene legyen, a customProp az interface szerint string típusú

Új hozzászólás Aktív témák