How do I fetch data in a React application?

How do I fetch data in a React application?

You can use the fetch API or libraries like Axios to retrieve data. Would you like a code example?

Yes, please show me a code example using fetch.

Sure! Here's a simple example:

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

const DataFetchingComponent = () => {
    const [data, setData] = useState([]);
    const [loading, setLoading] = useState(true);

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

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

export default DataFetchingComponent;

What if I want to handle errors in the fetch request?

You can add a .catch block to handle errors. You can also set an error state to display an error message to the user.