Why do Promises work weird?

Question

JavaScript

Good afternoon!

There is such a design:

const getData = async (data) => {
  data = JSON.parse(data);

  const promises = await data.bloggers.map((item) => getInfo(response.access_token, item.twitch_nickname));

  return Promise.all(promises);
};
getData(data).then(data => console.log(data));

async function getInfo(token, name) {
  const response = await axios.get(`https://api.twitch.tv/helix/streams?user_login=${name}`, {
    headers: {
      'Client-Id': '1uv0rg1z4x',
      'Authorization': `Bearer ${token}`
    },
  });

  let isLive = response.data.data.length != 0 ? true : false;
  return isLive;
}

In this form, promises work well, give the result, but if you add curly braces to .map(), the construction stops working. Values ​​are returned undefined. getInfo returns a Promise { pending } like this:

...
const promises = await data.bloggers.map((item) =>  {
  getInfo(response.access_token, item.twitch_nickname);
});
...

Can someone explain why and what to do about it?

Answer 1

returntried to write?