/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

1 vote299 views1 answer
React map component in
Javascript React
4 votes292 views1 answer
React js materilize
Javascript React
-2 votes317 views1 answer
How to hide keyboard in react native
Javascript React
18 votes304 views6 answers
Import svg as react component
Javascript React
0 vote293 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote313 views1 answer
Reacts mos twanted
Javascript React
0 vote323 views1 answer
Antd react native
Javascript React
3 votes289 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote314 views1 answer
Chromepicker react-color not working
Javascript React
142 votes483 views3 answers
Install react app
Javascript React