/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 vote216 views1 answer
Relative width and height image react native
Javascript React
0 vote214 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote214 views1 answer
React chat sheet
Javascript React
93 votes187 views6 answers
React router dom install
Javascript React
0 vote209 views3 answers
React native navigation change header title
Javascript React
3 votes208 views1 answer
Css in a react file
Javascript React
4 votes196 views3 answers
Add google map in react js
Javascript React
2 votes212 views1 answer
This.setstate is not a function in react native
Javascript React
5 votes261 views2 answers
Import fa icons react
Javascript React
2 votes221 views1 answer
Vertical align center react native view
Javascript React