Reax Stateful Form
Stateful Form HOC for React
Beta
This library is still in Beta
Usage
npm install --save @hnordt/reax-stateful-form
import React from 'react';
import Form from '@hnordt/reax-form';
import FormGroup from '@hnordt/reax-form-group';
import Label from '@hnordt/reax-label';
import TextInput from '@hnordt/reax-text-input';
import Button from '@hnordt/reax-button';
import StatefulForm from '@hnordt/reax-stateful-form';
import { isEmpty } from '@hnordt/reax-validator';
const StatelessForm = ({
fields: {
foo
},
handleSubmit
}) => (
<Form onSubmit={() => handleSubmit().then(values => {
console.info(values);
}).catch(field => {
console.warn(field.error);
})}>
<FormGroup error={foo.error}>
<Label>Foo</Label>
<TextInput {...foo} />
</FormGroup>
<Button type="primary" submit>
Save
</Button>
</Form>
);
export default StatefulForm(StatelessForm, [
{
name: 'foo',
validate: foo => isEmpty(foo) && 'Required'
}
]);