25 lines
611 B
TypeScript
25 lines
611 B
TypeScript
import React from "react";
|
|
import Debounce from "./Debounce";
|
|
|
|
export interface DebounceFormProps {
|
|
change: (event: React.ChangeEvent<any>, cb?: () => void) => void;
|
|
children: (props: (event: React.ChangeEvent<any>) => void) => React.ReactNode;
|
|
submit: (event: React.FormEvent<any>) => void;
|
|
time?: number;
|
|
}
|
|
|
|
export const DebounceForm: React.FC<DebounceFormProps> = ({
|
|
change,
|
|
children,
|
|
submit,
|
|
time
|
|
}) => (
|
|
<Debounce debounceFn={submit} time={time}>
|
|
{debounceFn =>
|
|
children(event => {
|
|
change(event, debounceFn);
|
|
})
|
|
}
|
|
</Debounce>
|
|
);
|
|
export default DebounceForm;
|