/Javascript/React/Add event listener react hooks

Add event listener react hooks

import { useEffect } from "react"

export default function useEvent(event, handler, passive = false) {
  useEffect(() => {
    // initiate the event handler
    window.addEventListener(event, handler, passive)

    // this will clean up the event every time the component is re-rendered
    return function cleanup() {
      window.removeEventListener(event, handler)
    }
  })
}

Source: atomizedobjects.com

Similar codes

0 vote205 views1 answer
Reactjs npm take photo
Javascript React
0 vote226 views1 answer
React native cli sdk.dir
Javascript React
0 vote218 views1 answer
React bootstrap carousel caption placement top
Javascript React
-1 vote243 views1 answer
React check if browser is in dark mode
Javascript React
0 vote244 views1 answer
React native kesatore
Javascript React
11 votes234 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote216 views1 answer
Setstate before function react
Javascript React
1 vote223 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote207 views1 answer
Text inside an image component react native
Javascript React
0 vote214 views3 answers
How to copy an arry react
Javascript React