How do I use Axios to fetch data in my React app?

How do I use Axios to fetch data in my React app?

You can use Axios by first installing it with npm. Then, import it in your component and use it to make API calls.

Can you show me a code example?

Sure! Here's a simple example:

import axios from 'axios';

const fetchData = async () => {
  try {
    const response = await axios.get('https://api.example.com/data');
    console.log(response.data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
};

fetchData();

What if I want to handle errors more gracefully?

You can use a state variable to store the error message and display it in your component. Here's an updated example.

Thanks! Is Axios better than Fetch API?

Axios has some advantages like automatic JSON data transformation and better error handling, but Fetch is built-in and simpler for basic requests.