title: Promise.all for array.map with axios
body: <p><strong>What I would like to do:</strong>
  I have an array of book titles. e.g. </p>
  
  <pre><code>var bookTitleArray = ["1984", "clockwork Orange"];
  </code></pre>
  
  <p>For this array I would like to call an API via axios and get back detail info on each title. </p>
  
  <p><strong>What I have done so far:</strong>
  To do so, I have created an array.map request which calls axios which is wrapped into an async function.</p>
  
  <p>The axios async function looks like following:</p>
  
  <pre><code>async function axiosWrapper (Item){
      var ItemPromise = axios.request({
              url: 'some URL',
              method: 'get',
              baseURL: 'some URL',
              headers: {
                  'Authorization': 'some authorization'
              }
            })
      var axiosResult = await ItemPromise;
      return axiosResult
  }
  </code></pre>
  
  <p>I have console.logged the axiosResult and it delivers the right data back. Hence the axios seems to work</p>
  
  <p>The async with the promise.all looks as following:</p>
  
  <pre><code>async function mapWrapper(ArrayToRunThrough){
  
      var promiseArray = ArrayToRunThrough.map(Item =&gt; {
          axiosWrapper(Item)
      })
  
      var ArrayOfResults = await Promise.all(promiseArray);
      console.log(ArrayOfResults);
  }
  </code></pre>
  
  <p>In the end I invoke the mapWrapper with the array of books I would like to search</p>
  
  <pre><code>mapWrapper(bookTitleArray)
  </code></pre>
  
  <p><strong>What I experienced:</strong> Unfortunately I get back only two arrays of "undefined".</p>
  
  <p><strong>My assumption:</strong> I assume the Promise.all / await to not work as expected. </p>
  
  <p><strong>Where I need help:</strong> How can I get the actual values from the Axios API call in this setup in the "ArrayOfResults"?</p>