/Javascript/React/React addeventlistener useeffect

React addeventlistener useeffect

//101-Example
const callback = useCallback((event: any) => {
      event.data.status === "complete" ? setProgress(0) : setProgress(event.data.uploadProgress);
    },[])
  
  useEffect(() => {
    window.addEventListener("file-upload", callback);
    return () => window.removeEventListener("file-upload", callback);
  }, [window, callback]);

Source: codedaily.io

Similar codes

0 vote306 views1 answer
Zeamster examples react node
Javascript React
6 votes347 views1 answer
How to import dotenv in react
Javascript React
0 vote247 views1 answer
Create react element with string
Javascript React
0 vote372 views1 answer
React native application architecture
Javascript React
4 votes316 views1 answer
Open a new tab when clicking on a link react
Javascript React
1 vote291 views2 answers
Await fetch in react
Javascript React
0 vote325 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
0 vote295 views1 answer
Jest mock react router params
Javascript React
0 vote319 views1 answer
React function runs several times
Javascript React
0 vote316 views1 answer
V4 history for react action or api calls
Javascript React