How do I use promises with the Fetch API?

Can you explain how to use promises with the Fetch API?

Sure! The Fetch API allows you to make network requests. It returns a promise that resolves to the response of the request.

What does the promise return when the request is successful?

When the request is successful, the promise resolves to a Response object, which contains the data from the server.

How can I handle errors when using fetch?

You can use the .catch() method on the promise to handle any errors that occur during the fetch operation.

Can you show me a code example?

Absolutely! Here's a simple example:

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('There was a problem with the fetch operation:', error));