react hook usefetch

Solutions on MaxInterview for react hook usefetch by the best coders in the world

showing results for - "react hook usefetch"

01 Apr 2020

1import { useEffect, useState } from 'react';
2    
3export default function useFetch(url) {
4    const [data, setData] = useState(null);
5    useEffect(() => {
6        async function loadData() {
7            const response = await fetch(url);
8            if(!response.ok) {
9                // oups! something went wrong
10                return;
11            }
12    
13            const posts = await response.json();
14            setData(posts);
15        }
16    
17        loadData();
18    }, [url]);
19    return data;
20}
21

source

similar questions

react custom hook refetch data usestate or usereducer reactjs usestate 28 29 hook usereducer 28 29 hook react useparams react hooks react select search useselect hook fetch with useeffect hook usestate hook with callback react useeffect 2c usestate usematch react router usefetch custom hook for react react router hooks react eznyme fetch api using hooks reference hook in react

queries leading to this page

usefetchapi hook how to use usefetch react hooks 3f custom hook usefetch usefetch react usefetch custom hook react react usefetch custom hook react hook usefetch react usefetch 5c usefetch hook usefetch custom hook usefetch hook react custom usefetch hook react usefetch usefetch function usefetch custom hook for react usefetch react hooks how to use a usefetch hook react hook usefetch