/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 vote278 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
1 vote282 views1 answer
React native run ios select simulator
Javascript React
3 votes205 views1 answer
InnerWidth react
Javascript React
0 vote224 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote213 views1 answer
Onclick hold react
Javascript React
0 vote216 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote217 views1 answer
React input cursor jump end
Javascript React
0 vote227 views1 answer
Saving react code messing up in vsc
Javascript React
1 vote192 views1 answer
React native flatlist margin bottom
Javascript React
0 vote245 views1 answer
How to make a github api using react
Javascript React