/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 vote121 views1 answer
Icon button react
Javascript React
0 vote114 views1 answer
Date picker type react
Javascript React
4 votes118 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
3 votes100 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
7 votes118 views2 answers
React native rename
Javascript React
1 vote108 views1 answer
React navigation asyncstorage install
Javascript React
0 vote120 views1 answer
Get input value in react using hooks
Javascript React
1 vote128 views1 answer
Lazy loading pagination react npm
Javascript React
1 vote123 views1 answer
Get children react
Javascript React
0 vote149 views1 answer
React native progress bar slider
Javascript React