/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 vote129 views1 answer
Preview image before upload reactjs
Javascript React
0 vote122 views1 answer
Express react docker container example
Javascript React
8 votes138 views3 answers
React Lazy()
Javascript React
0 vote122 views1 answer
React time input
Javascript React
1 vote129 views1 answer
React native text capitalize
Javascript React
0 vote135 views1 answer
TextInput cursor not shown react native
Javascript React
0 vote129 views2 answers
React native elements datepicker
Javascript React
1 vote115 views2 answers
Edit todo list react-redux
Javascript React
0 vote130 views1 answer
2.When will the validation functions be called in the react js
Javascript React
0 vote150 views1 answer
React native sovrapporre immagini
Javascript React