/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 vote214 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote207 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote221 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
0 vote205 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote209 views2 answers
Textarea react native
Javascript React
0 vote217 views1 answer
React set state before render
Javascript React
78 votes193 views6 answers
React router redirect
Javascript React
0 vote191 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
1 vote226 views1 answer
Font awesome react native icons
Javascript React
0 vote258 views1 answer
React convert table to pdf
Javascript React