React input component that defers onChange handler until input is blurred
<DeferredInput
value='initial value'
onChange={value => alert(value)}
focusOnMount={true}
/>
<DeferredInput
value='initial value'
onChange={value => alert(value)}
blurOnEnter={true}
/>
<DeferredInput
value='initial value'
onChange={value => alert(value)}
clearOnChange={true}
/>
<DeferredInput
value='initial value'
onChange={value => alert(value)}
inputComponent='textarea'
/>
class CustomInput extends React.Component {
render() {
return (
<input
style={{ borderColor: 'cyan' }}
{...this.props}
/>
);
}
}
<DeferredInput
value='initial value'
onChange={value => alert(value)}
inputComponent={CustomInput}
/>