This package has been deprecated

Author message:

Package deprecated

@hnordt/reax-stateful-form

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'
  }
]);