How can I handle timeouts in React Native fetch requests?

How can I handle timeouts in React Native fetch requests?

You can handle timeouts in React Native fetch requests by using the AbortController API. This allows you to abort a fetch request after a specified time.

Can you show me an example of how to implement that?

Sure! Here's a simple example:

const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 5000); // 5 seconds timeout

fetch('https://api.example.com/data', { signal: controller.signal })
  .then(response => {
    clearTimeout(timeoutId);
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => {
    if (error.name === 'AbortError') {
      console.error('Fetch request timed out');
    } else {
      console.error('Fetch error:', error);
    }
  });

What happens if the fetch request times out?

If the fetch request times out, the promise will be rejected with an AbortError, which you can catch and handle accordingly.