/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 vote310 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
4 votes297 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
3 votes299 views2 answers
How to get current screen name in react native
Javascript React
0 vote282 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote304 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote295 views1 answer
Publish reactjs package to gitlab repository
Javascript React
0 vote273 views3 answers
React native navigation change header title
Javascript React
1 vote309 views1 answer
Two button in one row react native
Javascript React
1 vote282 views1 answer
React-redux todo list
Javascript React
3 votes313 views1 answer
React.children.only expected to receive a single react element child
Javascript React