/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

1 vote143 views1 answer
React js console log not working
Javascript React
1 vote192 views1 answer
Rendering in react
Javascript React
0 vote136 views1 answer
React native elements bottom sheet
Javascript React
0 vote91 views1 answer
React state scope
Javascript React
1 vote150 views1 answer
Iconify react
Javascript React
0 vote132 views1 answer
React native undedined map
Javascript React
0 vote154 views1 answer
Casl react redux
Javascript React
0 vote362 views1 answer
React native multiline cursor on first line
Javascript React
5 votes145 views4 answers
React native status bar
Javascript React
1 vote130 views1 answer
Document not intialized react js
Javascript React