use-event-callback icon indicating copy to clipboard operation
use-event-callback copied to clipboard

React hook useEventCallback

React hook useEventCallback

Aimed to be easier to use than useCallback and solve problems raised in this ticket.

useEventCallback doesn't need any dependencies list. The returned function should not be used during rendering.

Example

import useEventCallback from 'use-event-callback';

const Input = () => {
  const [value, setValue] = useState('');
  const onChange = useEventCallback((event) => {
    setValue(event.target.value);  
  });

  return <input value={value} onChange={onChange} />;
}