mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
0b6356d984
* chore: rename file .tsx => .ts * fix: fix * test: add test case
27 lines
560 B
TypeScript
27 lines
560 B
TypeScript
import React from 'react';
|
|
import raf from 'rc-util/lib/raf';
|
|
import { useEvent } from 'rc-util';
|
|
|
|
/**
|
|
* Callback will only execute last one for each raf
|
|
*/
|
|
export default function useRafDebounce(callback: VoidFunction) {
|
|
const executeRef = React.useRef(false);
|
|
const rafRef = React.useRef<number>();
|
|
|
|
const wrapperCallback = useEvent(callback);
|
|
|
|
return () => {
|
|
if (executeRef.current) {
|
|
return;
|
|
}
|
|
|
|
executeRef.current = true;
|
|
wrapperCallback();
|
|
|
|
rafRef.current = raf(() => {
|
|
executeRef.current = false;
|
|
});
|
|
};
|
|
}
|