20 lines
511 B
JavaScript
20 lines
511 B
JavaScript
|
import { useEffect, useRef } from 'react'
|
||
|
|
|
||
|
|
// https://overreacted.io/making-setinterval-declarative-with-react-hooks/
|
||
|
|
const useInterval = (callback, delay) => {
|
||
|
|
const savedCallback = useRef()
|
||
|
|
useEffect(() => {
|
||
|
|
savedCallback.current = callback
|
||
|
|
}, [callback])
|
||
|
|
useEffect(() => {
|
||
|
|
const handler = (...args) => savedCallback.current(...args)
|
||
|
|
|
||
|
|
if (delay !== null) {
|
||
|
|
const id = setInterval(handler, delay)
|
||
|
|
return () => clearInterval(id)
|
||
|
|
}
|
||
|
|
}, [delay])
|
||
|
|
}
|
||
|
|
|
||
|
|
export default useInterval
|