/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 vote901 views1 answer
Hide react from netlify
Javascript React
36 votes220 views2 answers
Ref hook in react
Javascript React
16 votes264 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote333 views1 answer
Make a button who disable scrolling down the page react
Javascript React
0 vote259 views1 answer
React fetch data in for loop
Javascript React
1 vote284 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
3 votes271 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote258 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote264 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote244 views1 answer
How to write unit test cases in react js
Javascript React