/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 vote131 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote127 views1 answer
Mreact graph
Javascript React
1 vote131 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
-2 votes125 views1 answer
<Link> react import
Javascript React
0 vote150 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote136 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote122 views1 answer
Implementing state lifecycle in react class component
Javascript React
0 vote125 views1 answer
Inline style to change background color react
Javascript React
0 vote140 views1 answer
Command reboot android app react native adb command
Javascript React
114 votes160 views3 answers
React init
Javascript React