/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 vote240 views1 answer
Javascript array filter duplicates in react
Javascript React
2 votes227 views1 answer
Authfunctions react
Javascript React
2 votes243 views2 answers
Prevent refresh react
Javascript React
9 votes285 views3 answers
Disable yellow box react native
Javascript React
0 vote224 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
2 votes243 views2 answers
React native select option
Javascript React
0 vote257 views1 answer
My react router Dom learnings
Javascript React
0 vote265 views1 answer
React antd form disable submit button
Javascript React
2 votes273 views2 answers
Discord.js remove reaction
Javascript React
9 votes235 views2 answers
Reactjs radio button onchange
Javascript React