React Component representing an input element.
npm install hire-forms-inputReact Component representing an input element.
The s value isn't an internal state, but is
passed as a property! In other words: your app has state and
passes it to the . See the examples.
render() {
return (
placeholder="Enter value..."
value={this.state.value} />
);
}
The onInvalid prop isn't required. If a validator function returns isValid: false and a message string, the message string will be a TextNode of .
let validateNumbersOnly = function(value) {
// Handle validation.
let re = /^\d+$/;
let isValid = re.test(value);
// Return a validator object.
return {
isValid: isValid,
message: isValid ? "" : "Only numbers are allowed."
};
};
...
handleInvalid(message, value) {
}
...
render() {
return (
onInvalid={this.handleInvalid.bind(this)}
placeholder="Enter value..."
validate={validateNumbersOnly}
value={this.state.value} />
);
}