async/await запрс к Api в React

Я получаю из стейта массив с ключами. Мне нужно сделать запрос к апи по каждому из этих ключей и вывести карточку с данными по каждому ключу. Не могу понять, почему не работает. Создать функцию, а потом запустить в рендер? или сразу в рендер.

this.ProductsService.getProductsByKey(item.key) = это сам запрос, работает правильно. 

const myListProducts = 
  this.props.products.map(async (item) => {
    await this.ProductsService.getProductsByKey(item.key);
    return myListProducts;
  })
;