The following error occurs in the browser console window when the component loads:
Warning: React does not recognize the `delayTimeout` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `delaytimeout` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in input
in TextInput
in DelayInput
in label
in Text
in Unknown
in Unknown
in Unknown
...
This is because 'delayTimeout' is being passed through to TextInput properties:
render() {
const { onChangeText, inputRef, ...props } = this.props;
const { value } = this.state;
return (
<TextInput
{...props}
onChangeText={this.onChangeText}
onBlur={this.onBlur}
value={value}
ref={inputRef}
/>
);
}
Problem easily rectified by adding 'delayTimeout' as the follows:
const { onChangeText, inputRef, delayTimeout, ...props } = this.props;
The following error occurs in the browser console window when the component loads:
This is because 'delayTimeout' is being passed through to TextInput properties:
Problem easily rectified by adding 'delayTimeout' as the follows: