How do I use Axios for fetching data in TypeScript?

How do I use Axios for fetching data in TypeScript?

You can use Axios in TypeScript by first installing it via npm. Then, you can create a function to fetch data.

Can you show me a simple example?

Sure! Here's a basic example:

import axios from 'axios';

async function fetchData(url: string) {
    try {
        const response = await axios.get(url);
        return response.data;
    } catch (error) {
        console.error('Error fetching data:', error);
    }
}

What if I want to handle errors more gracefully?

You can enhance error handling by checking the error response and providing user-friendly messages. Here's an example:

async function fetchData(url: string) {
    try {
        const response = await axios.get(url);
        return response.data;
    } catch (error) {
        if (axios.isAxiosError(error)) {
            console.error('Axios error:', error.message);
        } else {
            console.error('Unexpected error:', error);
        }
    }
}