How can I handle errors in TypeScript when using the Fetch API?

How can I handle errors in TypeScript when using the Fetch API?

You can handle errors in TypeScript with the Fetch API by using try-catch blocks and checking the response status.

Can you show me a code example?

Sure! Here's a simple example:

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

What if I want to handle different types of errors differently?

You can use conditional statements to check the error type and handle them accordingly. For example, you can differentiate between network errors and HTTP errors.