Comment utiliser correctement async/await dans Array.map en TypeScript ?
Bonjour ! Je suis débutant en TypeScript et j'essaie de comprendre les opérations asynchrones à l'intérieur de la méthode Array.map.\n\nJ'ai un tableau d'ID d'utilisateurs, et je veux pour chaque ID récupérer les données de l'utilisateur via une API (la fonction fetchUserData retourne une Promise). J'ai écrit ce code :\n\n```typescript\nconst userIds: number[] = [1, 2, 3, 4, 5];\n\nasync function fetchUserData(id: number): Promise<{ name: string; age: number }> {\n const response = await fetch(`https://api.example.com/users/${id}`);\n return response.json();\n}\n\n// Ma tentative\nconst users = userIds.map(async (id) => {\n const userData = await fetchUserData(id);\n return userData;\n});\n\nconsole.log(users); // Affiche un tableau de Promise, pas les données !\n```\n\nLe problème est que `users` est un tableau d'objets `Promise`, et non les données elles-mêmes.
No answers yet.
Connectez-vous pour laisser une réponse