0.1.2 • Published 8 years ago
react-form-field v0.1.2
react-form-field
Install
npm i react-form-field --save
Basic Usage
import React from 'react';
import { Form, Field } from 'react-form-field';
export default function MyForm({ onSubmit }) {
return (
<Form onSubmit={onSubmit}>
<Field
defaultValue="example"
validate={val => val ? undefined : 'Required!'}
>
{({ touched, touch, update, error, value }) =>
<div>
<input
type="text"
onChange={update} // update value and touch field
onBlur={touch} // touch field
value={value}
/>
{touched && error &&
<p style={{ color: 'red' }}>{error}</p>
}
</div>
}
</Field>
</Form>
);
}