TypeError: #<Promise> is not iterable

user_8701527 0
Viewed 19384

I was trying to use promise.all to do multiple api calls but for some reason it it throwing the following error

TypeError: # is not iterable

My Promise is fairly simple (this is probably the second time I am using Promise.all) 

componentWillMount() {
    const id = this.props.location.pathname
    let axiosHome = axios.get('/home')
    let axiosUserData = axios.get("/profile/" + id)
    Promise.all(axiosHome,  axiosUserData).then(response => {
        console.log(response)
    }).catch(error => {
        console.log(error)
    })
  }

Question: Any idea why I could be getting this error? Also, can someone also explain when is that we use resolve keyword with promise?

es6-promise promise reactjs ajax javascript
2 Answers

Promise.all accepts a single argument, which is an array of Promises - subsequent arguments are discarded. So, pass in an array instead:

Promise.all([axiosHome,  axiosUserData])
  .then(...

when is that we use resolve keyword with promise?

resolve is not a keyword, it's just the conventional function name used when constructing a Promise:

const prom = new Promise((resolve, reject) => {
  // do some asynchronous stuff
  if (ok) resolve();
  else reject();
});

When a Promise is explicitly constructed like that, call resolve() to resolve the Promise. (of course, one could name the function argument anything, it doesn't have to be called resolve)

user_95152070

Promise.all() accepts arrays of methods (async) and data can be assign to variables as array

Example:

let [axiosHomeData , axiosUserData] = await Promise.all([axiosHome,  axiosUserData]);
user_99463400
Related