/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 vote238 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote251 views2 answers
Hello world react
Javascript React
0 vote242 views1 answer
React rative release
Javascript React
21 votes216 views5 answers
How to add a shadow react native
Javascript React
-2 votes250 views1 answer
Fc in react
Javascript React
5 votes229 views1 answer
Laravel using react
Javascript React
0 vote251 views1 answer
Ticking clock react js
Javascript React
0 vote247 views1 answer
Vscode react cannot find moudle when import image
Javascript React
3 votes224 views1 answer
React after deployment givin nginx 404
Javascript React
1 vote233 views1 answer
Column width table react
Javascript React