MaxInterview - react useeffect is cancelled

showing results for - "react useeffect is cancelled"

26 Jun 2016

1  useEffect(() => {
2    const abortController = new AbortController();
3
4    const fetchData = async () => {
5      dispatch(requestStarted());
6
7      try {
8        fetch(url, { signal: abortController.signal });
9
10        // code omitted for brevity
11
12        dispatch(requestSuccessful({ data }));
13      } catch (e) {
14        dispatch(requestFailed({ error: e.message }));
15      }
16    };
17
18    fetchData();
19
20    return () => {
21      abortController.abort();
22    };
23  }, [url]);
24

source

similar questions

data fetching in effect hook useeffect on update useeffect previous state useeffect with cleanup react useeffect prevent first time how to fetch data with useeffect running useeffect only once react native convert componentdidupdate into useeffect useffect compare previous value to current how to build an alert using useeffect useeffect cleanup function react break out of useeffect fetch with useeffect hook useeffect umnount react useeffect not on first render component unmount useeffect useeffectonce

queries leading to this page

react is canceled useeffect react useeffect is cancelled react useeffect is cancelled