Como usar corretamente async/await dentro de Array.map no TypeScript?
Olá! Sou novo no TypeScript e estou tentando entender operações assíncronas dentro do método Array.map.
Tenho um array de IDs de usuários e quero obter os dados de cada usuário via API (a função fetchUserData retorna uma Promise). Escrevi o seguinte código:
```typescript
const userIds: number[] = [1, 2, 3, 4, 5];
async function fetchUserData(id: number): Promise<{ name: string; age: number }> {
const response = await fetch(`https://api.example.com/users/${id}`);
return response.json();
}
// Minha tentativa
const users = userIds.map(async (id) => {
const userData = await fetchUserData(id);
return userData;
});
console.log(users); // Exibe um array de Promises, não os dados!
```
O problema é que `users` é um array de objetos `Promise`, não os dados em si.