/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 vote153 views1 answer
React create element from string
Javascript React
0 vote187 views4 answers
React native biometrics sign in
Javascript React
2 votes220 views2 answers
React 17
Javascript React
0 vote199 views1 answer
Setstate before function react
Javascript React
0 vote201 views1 answer
React js child css
Javascript React
3 votes262 views1 answer
React hooks send data from child to parent
Javascript React
0 vote209 views1 answer
React native typescript nodejs timeout
Javascript React
0 vote216 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
0 vote204 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
-2 votes208 views1 answer
How to hide keyboard in react native
Javascript React