How do I use useEffect for data fetching in React Native?

How do I use useEffect for data fetching in React Native?

You can use the useEffect hook to fetch data when a component mounts. Here's a basic example.

Can you show me a code snippet for that?

Sure! Here's a simple example:

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

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

    useEffect(() => {
        const fetchData = async () => {
            const response = await fetch('https://api.example.com/data');
            const result = await response.json();
            setData(result);
        };
        fetchData();
    }, []); // Empty dependency array means it runs once on mount

    return <div>{data ? JSON.stringify(data) : 'Loading...'}</div>;
};

This will fetch data when the component mounts.

What if I want to refetch the data when a button is clicked?

You can add a function to fetch the data and call it both in useEffect and on button click. Here's how:

Thanks! That makes sense. Can you explain the dependency array in useEffect?

The dependency array determines when the useEffect runs. If it's empty, it runs once on mount. If you include variables, it runs whenever those variables change.