/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

127 votes489 views3 answers
Make react app
Javascript React
0 vote361 views2 answers
React native use route params
Javascript React
1 vote276 views3 answers
Antd react
Javascript React
0 vote338 views1 answer
Preventive vs reactive
Javascript React
0 vote319 views1 answer
React onclick div
Javascript React
0 vote263 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
-1 vote287 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote334 views1 answer
Get status bar height react native
Javascript React
0 vote315 views1 answer
React chat sheet
Javascript React
0 vote330 views1 answer
React native carriage return
Javascript React