mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-29 03:45:15 +00:00
35 lines
815 B
JavaScript
35 lines
815 B
JavaScript
|
import { useEffect, useRef } from 'react';
|
||
|
/**
|
||
|
* Runs an effect only when the dependencies have changed, skipping the
|
||
|
* initial "on mount" run. Caution, if the dependency list never changes,
|
||
|
* the effect is **never run**
|
||
|
*
|
||
|
* ```ts
|
||
|
* const ref = useRef<HTMLInput>(null);
|
||
|
*
|
||
|
* // focuses an element only if the focus changes, and not on mount
|
||
|
* useUpdateEffect(() => {
|
||
|
* const element = ref.current?.children[focusedIdx] as HTMLElement
|
||
|
*
|
||
|
* element?.focus()
|
||
|
*
|
||
|
* }, [focusedIndex])
|
||
|
* ```
|
||
|
* @param effect An effect to run on mount
|
||
|
*
|
||
|
* @category effects
|
||
|
*/
|
||
|
|
||
|
function useUpdateEffect(fn, deps) {
|
||
|
var isFirst = useRef(true);
|
||
|
useEffect(function () {
|
||
|
if (isFirst.current) {
|
||
|
isFirst.current = false;
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
return fn();
|
||
|
}, deps);
|
||
|
}
|
||
|
|
||
|
export default useUpdateEffect;
|