/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

2 votes180 views1 answer
React import multiple images
Javascript React
0 vote164 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
3 votes168 views1 answer
React native nox emulator
Javascript React
2 votes173 views2 answers
Splice state react
Javascript React
22 votes191 views4 answers
Copy text to clipboard reactjs
Javascript React
5 votes172 views3 answers
Fetch in react
Javascript React
0 vote165 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote170 views2 answers
React router dom v6
Javascript React
0 vote166 views1 answer
Salvar no localStorage react
Javascript React
0 vote175 views1 answer
React auto import sometime not working
Javascript React