/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

7 votes354 views2 answers
How to import js via script in react
Javascript React
0 vote351 views1 answer
Valueof in react native
Javascript React
-1 vote354 views1 answer
React native smart splash screen
Javascript React
0 vote409 views1 answer
React router remove location state on refresh
Javascript React
3 votes350 views2 answers
Export default class react
Javascript React
0 vote356 views1 answer
Form- text area react
Javascript React
0 vote364 views1 answer
Refresh page by hand in react
Javascript React
7 votes341 views1 answer
Firebase react js
Javascript React
6 votes350 views2 answers
Hr react
Javascript React
25 votes383 views5 answers
Image react
Javascript React