Assigning data returned from a promise to an external variable

Asked Apr 28 '18 at 00:42

Active Apr 28 '18 at 00:42

Viewed 20 times

I have the following code inside a render function in react

let newCat
this.props.client.query({
  query: queryCategoriesForCategoryListPage,
  name: 'fetchCategories',
  variables: {
    incubatorId: this.props.getCurrentUser.currentUser.incubator._id
  }
}).then((cat)=>{
  console.log("cat resolved is: ",cat)
  if(cat.data && cat.data.categories)
    newCat = cat.data.categories
})
console.log("newCat is: ",newCat)

the cat variable inside the .then seems to be behaving correctly but newCat seems to be undefined , how can i fix that?

asked Apr 28 '18 at 00:42

Mohamed Baher

Both the stringified version and the normal version that i've written work as expected and print actual output – Mohamed Baher Apr 28 '18 at 00:48
The promise is **asynchronous**. You can't access the data until the promise resolves inside `then()` – charlietfl Apr 28 '18 at 00:57
https://imgur.com/a/GxWteFh , the promise got resolved in the `.then()` – Mohamed Baher Apr 28 '18 at 01:02

Assigning data returned from a promise to an external variable

0 Answers0