/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

14 votes80 views1 answer
Change checkbox value react
Javascript React
11 votes131 views2 answers
How to add react icons using npm
Javascript React
1 vote132 views1 answer
How to change favicon dynamic in react js
Javascript React
0 vote132 views1 answer
Nested navigation react native
Javascript React
0 vote130 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote126 views1 answer
Top bar in react js
Javascript React
0 vote128 views1 answer
React native app crashing on start
Javascript React
0 vote129 views1 answer
Getting state in react-router-dom v6
Javascript React
15 votes120 views1 answer
Reducer in react example
Javascript React
14 votes127 views2 answers
React router link with params
Javascript React