How can I use fetch in TypeScript for advanced scenarios?

How can I use fetch in TypeScript for advanced scenarios?

You can use fetch in TypeScript to handle advanced scenarios like error handling, request cancellation, and custom headers. Would you like to see an example?

Yes, please provide an example of handling errors.

Sure! You can use a try-catch block to handle errors. Here's a simple example:

async function fetchData(url: string) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('Fetch error:', error);
    }
}

This will catch any errors that occur during the fetch operation.

What about adding custom headers to the request?

You can add custom headers by passing an options object to fetch. Here's an example:

const response = await fetch(url, {
    method: 'GET',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer your-token'
    }
});

This allows you to specify any headers you need for your request.