Field won't update

Hi there,

I am sure this is my error, but I cannot get my text input to update:

import * as React from 'react'
import Revalidation from 'revalidation'


const SubmitForm = ({
  reValidation: { form, validate, valid, errors, validateAll },
  onSubmit
}) =>
  <form>
    <div className="formGroup">
      <label>Name</label>
      <input
        type="text"
        value={form.name}
        onChange={e => validate('name', e.target.value)}
      />
      {errors.name}
    </div>
    <p>{valid.toString()}</p>
    <button onClick={() => validateAll(onSubmit)}>Submit</button>
  </form>

const isGreaterThan = a => b => b > a
const ErrorComponent = ({ errorMsgs }) =>
  <div className="error">{errorMsgs.shift()}</div>
const validationRules = {
  name: [[isGreaterThan(5), `Minimum Name length of 6 is required.`]]
}
const initialState = { name: 'Alex' }
const enhanced = Revalidation(initialState, validationRules, ErrorComponent, {
  validateSingle: false
})
const EnhancedSubmitForm = enhanced(SubmitForm)

class SubmitPage extends React.Component<any, any> {
  constructor(props) {
    super(props)
    this.state = { form: { name: 'Alex' } }
  }
  onSubmit(e) {
    e.preventDefault()
    alert('submitted')
  }
  render() {
    return (
      <EnhancedSubmitForm onSubmit={this.onSubmit} form={this.state.form} />
    )
  }
}
export default SubmitPage

In the above example, I see the initial value "Alex" but when I type in that field, nothing happens? Looking at the example, I would have thought reValidate.validate would in turn update reValidate.form.name?

I am sure this is my understanding, hopefully I can contribute to the documentation after 😃!

[bookercodes]

Oh yeah, that would explain why validateAll wasn’t working ha - I moved button.onClick to form.onSubmit and now I have a nicely validated form

[bookercodes]

Sorry, that is another “me” problem. I needed to to be comparing the length so I updated isGreaterThan to

const isGreaterThan = a => b => b > a

And now it all works 🎉