How to make fetch js make multiple request attempts when getting an error?

Question

React

Good evening.

Can you please tell me how to use fetch to make a second request request when an error is received.
I would like, of course, to try to reach the server three times, and after that return an error if this did not happen.

Is there some special syntax or just using IF?

Thank you.

Answer 1

The second parameter then is a function on error, pass a link to the fetch call function into it. Approximately so

const fetchData = () => {
  fetch(url).then(
   response = > { 
     // код при успешном ответе
   }, fetchData)
}

fetchData()

Answer 2

try {
  request();
} catch(e) {
  request();
}

Answer 3

const getMethod = (url, repeatCount = 1) => fetch(url)
    .then(response => {
        if (!response.ok) {
            return repeatCount > 1
                ? get(url, repeatCount - 1)
                : Promise.reject(response);
        }

        return response;
    })
    .then(response => response.json());