react-after-typing
This HOC add a callback function to an input component. The function is called right after the user stop typing.
What it solves
Some uses case are instant form validation and applying a filter to a list.
Usage
$ yarn add react-after-typing
import afterTyping from 'react-after-typing':
// Define your input
const Input = props => (
<input type="text" {...props} />
);
// Enhance it
const InputWithCallback = afterTyping(Input);
// Add the callback prop
render() {
return (
<InputWithCallback afterTyping={() => console.log('Hola')}/>
)
}
< EnhancedInput />
Props
-
afterTyping: Function
The the function to be called.
-
time: Integer
Optional. Number of ms waited before firing the function, defaults to 500.