How do I set up Axios in a React application?

How do I set up Axios in a React application?

To set up Axios in a React app, first install it using npm or yarn. Run npm install axios.

What is Axios used for in React?

Axios is a promise-based HTTP client that allows you to make requests to APIs and handle responses easily.

Can you show me a basic example of using Axios in a component?

Sure! Here's a simple example:

import React, { useEffect, useState } from 'react';
import axios from 'axios';

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => setData(response.data))
      .catch(error => console.error('Error fetching data:', error));
  }, []);

  return <div>{JSON.stringify(data)}</div>;
};

This fetches data from an API when the component mounts.

How do I handle errors when making requests with Axios?

You can handle errors using the .catch() method after your request. You can also use try...catch with async/await.