29 lines
657 B
TypeScript
29 lines
657 B
TypeScript
|
import * as React from "react";
|
||
|
|
|
||
|
|
export interface DebounceProps<T> {
|
||
|
|
children: ((props: (...args: T[]) => void) => React.ReactNode);
|
||
|
|
debounceFn: (...args: T[]) => void;
|
||
|
|
time?: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
export class Debounce<T> extends React.Component<DebounceProps<T>> {
|
||
|
|
timer = null;
|
||
|
|
|
||
|
|
handleDebounce = (...args: T[]) => {
|
||
|
|
const { debounceFn, time } = this.props;
|
||
|
|
if (this.timer) {
|
||
|
|
clearTimeout(this.timer);
|
||
|
|
}
|
||
|
|
this.timer = setTimeout(() => debounceFn(...args), time || 200);
|
||
|
|
};
|
||
|
|
|
||
|
|
componentWillUnmount() {
|
||
|
|
clearTimeout(this.timer);
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return this.props.children(this.handleDebounce);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
export default Debounce;
|