J'ai un objet tapé comme

interface Asset {
  id: string;
}

interface Project {
  assets: Array<string> | Array<Asset>;
}

Maintenant, si je lance ce qui suit:

const project: Project = {
  assets: [
    {id: '1'}.
    {id: '2'},
    {id: '3'},
    {id: '4'}
  ],
};
project.assets.map((asset: Asset) => asset.id);

Je reçois cette erreur

Impossible d'appeler une expression dont le type n'a pas de signature d'appel. Tapez '((callbackfn: (value: string, index: number, array: string []) => U, thisArg ?: any) => U []) | ((callbackfn: (value: Asset, index: number, array: Asset []) => U, thisArg ?: any) => U []) 'n'a pas de signatures d'appel compatibles.

Cette erreur persiste même si je change le rappel en

project.assets.map((asset: Asset | string) => {console.log(asset)});

Pourquoi cela se produit-il et comment résoudre ce problème?

arrays typescript
0
ManavM 19 juin 2019 à 10:08

3 réponses

Meilleure réponse

C'est parce que TS ne peut pas déterminer quel est le type final de votre tableau project.assets. Vous pouvez appeler la fonction map comme ceci avec une assertion de type et cela fonctionnera:

(project.assets as Asset[]).map((asset: Asset) => asset.id)

Cela ne vous permettra pas non plus d'affirmer son type comme c'est-à-dire number[] car TS vérifie toujours si votre assertion correspond à votre définition de type.

1
dziraf 19 juin 2019 à 15:59

Vous pouvez changer l'interface de Project en:

interface Project {
  assets: Array<string|Asset>;
}

Ou

interface Project<T> {
  assets: Array<T>;
}

const project: Project<Asset> = {
  assets: [
    {id: '1'}.
    {id: '2'},
    {id: '3'},
    {id: '4'}
  ],
};
project.assets.map((asset: Asset) => asset.id);
0
Lellansin 19 juin 2019 à 08:49

Je ne sais pas si c'est possible sans génériques, mais cela fonctionne au moins.

interface Project<T extends string | Asset> {
    assets: Array<T>;
}
const project: Project<Asset> = {
    assets: [
        {id: '1'},
        {id: '2'},
        {id: '3'},
        {id: '4'}
    ],
};
project.assets.map((asset) => {})
0
Niilo Keinänen 19 juin 2019 à 08:00

Questions connexes

30 Trier le tableau d'objets par valeur de propriété de chaîne
29 Court-circuit Array.forEach comme appelant pause
4 Impossible d'appeler une expression dont le type n'a pas de signature d'appel
1 Comment mapper sur le type de tableau union?
1 Typescript - ... n'a pas de signatures d'appel compatibles
1 Impossible d'invoquer une expression dont le type n'a pas de signature d'appel, map
1 Typescript, fonction avec 2 types de paramètres et retours : impossible d'invoquer une expression dont le type n'a pas de signature d'appel
2 .map() sur le type d'union de string[] | string[][] provoque une erreur

De nouvelles questions

3 Bingo dans le tableau Numpy
2 comment puis-je résoudre le problème de la hiérarchie des préfixes en utilisant js
2 Traitement d'un objet imbriqué dans un tableau d'objets ?
2 Chaque enfant dans une liste doit avoir un accessoire "clé" unique. mais je n'appelle aucun composant
2 Comment créer plusieurs enregistrements dans un tableau php
2 trier un tableau de tableaux dans l'ordre décroissant à l'aide de la fonction arrays.sort entraîne des erreurs dans Java
1 Valeur clé de la variable et de la chaîne dans le modèle angulaire
2 Arguments de la ligne de commande Modifications de Python
2 Tri "jour" "semaine" "mois" et "année"
2 Comment pousser plusieurs json (response ) dans un seul tableau?
Toutes les questions sur arrays >

arrays

Un tableau est une structure de données linéaire ordonnée constituée d'une collection d'éléments (valeurs, variables ou références), chacun identifié par un ou plusieurs index. Lorsque vous posez des questions sur des variantes spécifiques de tableaux, utilisez plutôt les balises associées: [vector], [arraylist], [matrix]. Lorsque vous utilisez cette balise, dans une question spécifique à un langage de programmation, identifiez la question avec le langage de programmation utilisé.

Plus à propos arrays...