반응에서 사용자 지정 가져오기 후크 만들기

커스텀 훅 useFetch

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

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

    useEffect(() => {
        fetch(url).then((res) => res.json()).then((data) => setData(data));
    }, url)
    return [data];
}

export default useFetch;

용법

import useFetch from "./useFetch";
const [datas] = useFetch("https://jsonplaceholder.typicode.com/todos");