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

2671 단어 reactcustomhook

커스텀 훅 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");

좋은 웹페이지 즐겨찾기