/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 vote223 views1 answer
React native update app from play store ios app store
Javascript React
14 votes170 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
11 votes235 views3 answers
Reactjs get url query params as object
Javascript React
16 votes245 views6 answers
React useState hook
Javascript React
1 vote219 views1 answer
React jsx style with calc
Javascript React
73 votes282 views7 answers
React icons
Javascript React
59 votes227 views3 answers
Npm react router dom
Javascript React
4 votes223 views2 answers
Materialize for react
Javascript React
64 votes227 views6 answers
Router react
Javascript React
6 votes212 views1 answer
React native docs
Javascript React