1.0.0 • Published 5 years ago

@hailtrace/use-debounce v1.0.0

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

A simple hook that debounces with options.

import React, { useState, useCallback } from 'react';
import useDebounce from '@hailtrace/use-debounce';

function MyComponent() {
  const [ text, setText ] = useState();
  
  const handleSetText = useDebounce(
    useCallback((event) => {
      setText(event.target.value);
    }),
    1000,
    { leading: true, trailing: true },
  );

  return <input onChange={event => handleSetText(event.target.value)} placeholder="Text Input" />
}