How can I integrate Axios into my React application?

How can I integrate Axios into my React application?

To integrate Axios, first install it using npm: npm install axios. Then, you can import it in your components.

Can you show me an example of making a GET request?

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);
  }
};

What about handling errors in Axios?

You can handle errors using a try-catch block, as shown in the example. Additionally, you can use Axios interceptors for global error handling.

Can I set default headers for all requests?

Yes, you can set default headers by using axios.defaults.headers.common['Authorization'] = 'Bearer token'; before making requests.