React native async/wait not waiting

Question

I am new to react-native. I am trying to use async/await but it doesn't wait for other function to return response and alert immediately it will not wait 4 seconds. Here is my code Please help me. Thanks in advance:

import {
  AsyncStorage,
  Platform
} from 'react-native';


export const  hello =async()=>{
 const value=await refreshToken();
 alert(value);
 return "adasd";
}


const refreshToken=async()=>{
  setTimeout(async()=>{
    return true;
  },4000);
}

score 7 · Accepted Answer · answered Jul 10 '17 at 10:42

7

An await can only be done on a Promise, and since setTimeout doesn't return a Promise you cannot await it. To do the same thing you are trying now, you would have to explicitly use a Promise like so:

export const  hello =async()=>{
    const value = await refreshToken();
    alert(value);
    return "adasd";
}

const refreshToken= () => {
    return new Promise(res => setTimeout(res, 4000));
}

answered Jul 10 '17 at 10:42

Moti Azu

5,294
1
21
31

Actually any `async` function returns a promise. – str Jul 10 '17 at 10:45
Thanks for your help :) – user3806020 Jul 10 '17 at 10:45
@str That's true, but you cannot resolve that promise with setTimeout since it doesn't return a Promise you can await. – Moti Azu Jul 10 '17 at 10:59

React native async/wait not waiting

1 Answers1