/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 vote143 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote158 views1 answer
Run react android
Javascript React
112 votes191 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote179 views1 answer
My env.local file not working in my react app usind mac
Javascript React
-3 votes153 views1 answer
React native share
Javascript React
0 vote155 views1 answer
Altenrive for react native
Javascript React
10 votes158 views3 answers
Install firebase react
Javascript React
0 vote164 views1 answer
Prevent double tap in react native
Javascript React
0 vote154 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
0 vote171 views1 answer
My vscode does not recognize react code syntax
Javascript React