antd
Version:
An enterprise-class UI design language and React components implementation
21 lines • 536 B
JavaScript
import * as React from 'react';
import { raf } from '@rc-component/util';
export default function useRafLock() {
const [state, setState] = React.useState(false);
const rafRef = React.useRef(null);
const cleanup = () => {
raf.cancel(rafRef.current);
};
const setDelayState = nextState => {
cleanup();
if (nextState) {
setState(nextState);
} else {
rafRef.current = raf(() => {
setState(nextState);
});
}
};
React.useEffect(() => cleanup, []);
return [state, setDelayState];
}