Function useData

advanced_tutorial/src/cases/case2.tsx:4–29

(url: string)

import { useEffect, useState } from "react";

function useData<T>(url: string) {
    const [loading, setLoading] = useState<boolean>(false);
    const [data, setData] = useState<T | undefined>();
    const [error, setError] = useState<Error | undefined>();
    const mutate = async () => {
        setLoading(true);
        try {
            const response = await fetch(url, { method: "GET" });
            if (!response.ok) {
                const error = Error(`HTTP error! status: ${response.status}`);
                setError(error);
                return;
            }
            const data = await response.json() as T;
            setData(data);
        } catch (error) {
            setError(error as Error);
        } finally {
            setLoading(false);
        }
    }
    useEffect(() => {
        mutate();
    }, [url]);
    return { data, loading, error, mutate }
}

const columns = [{
    title: "id",