Breaking News: Grepper is joining You.com. Read the official announcement!

add event listener in react useeffect

Mystic Dev answered on June 2, 2021 Popularity 9/10 Helpfulness 6/10

answer add event listener in react useeffect

related react addeventlistener useeffect

add event listener in react useeffect

Comment

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]);

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: add event-listener javascript use-effect

Link to this answer
Share Copy Link

Contributed on Aug 17 2022

Mystic Dev

0 Answers Avg Quality 2/10

Closely Related Answers

react addeventlistener useeffect

Comment

//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]);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: codedaily.io

Tags: asynchronous asynchrono

Link to this answer
Share Copy Link

Contributed on Jun 02 2021

Ashamed Antelope

0 Answers Avg Quality 2/10

add event listener in react useeffect

Contents

More Related Answers

add event listener in react useeffect

Closely Related Answers

react addeventlistener useeffect

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.