SimpleForm.jsx

import React from 'react'
import revalidation from 'revalidation'

const renderError = errors => {
  if (errors && errors.length > 0) {
    return <p>{errors[0]}</p>
  }
}

const SimpleForm = ({
  reValidation: { form, updateValue, errors = {}, validateAll },
  onSubmit
}) =>
  <form
    onSubmit={e => {
      e.preventDefault()
      validateAll(onSubmit)
    }}
  >
    <div>
      <label>Name (<em>Required</em>):</label>
      <input
        type="text"
        value={form.name}
        onChange={e => updateValue('name', e.target.value)}
      />
      {renderError(errors.name)}
    </div>
    <input type="submit" value="Submit" />
  </form>

export default revalidation(SimpleForm)