How to set timeout in the fetch function in react native

Question

I have a fetch function as following:

RequestLogin(params){
 let {username,password}=params;
 try{
   let response = fetch('URL',{
     method:'POST',
     headers:{
      'Accept' : 'application/json',
      'Content-Type' : 'application/json'
     },   
     body:JSON.stringify({
      username,
      password
     })
    }).then(response => response.json()).then(responseJson=> {
       console.log(responseJson);
     })
    } catch(error){
       console.log(error);
    }

I want to know how can I set a timeout to that?

Thanks, advance.

Answer 1

You can make a promise that could be awaited as

function timeout(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

and when you call your function that uses a fetch function as you have provided above

// Inside some async wrapped func
    await timeout(4000);
    await RequestLogin(params)