use-event-callback

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} />;
}