/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 vote386 views1 answer
Javascript react reverse map
Javascript React
105 votes362 views1 answer
Create react app scaffolding
Javascript React
11 votes359 views3 answers
Reactjs get url query params as object
Javascript React
1 vote366 views2 answers
React alert popup
Javascript React
0 vote365 views1 answer
React auto import sometime not working
Javascript React
133 votes540 views6 answers
Create react project
Javascript React
0 vote382 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote344 views1 answer
React Calender Style
Javascript React
0 vote325 views1 answer
React native webview disable touch
Javascript React
0 vote311 views1 answer
Eslint version check in react
Javascript React