Potential Syntax Idea

[alex-cory]

Hey I think it would be kinda cool if it worked something like this:

const { onSubmit, firstName, lastName } = useForm({
  initialValues: { firstName: 'Alex', lastName: 'Cory' },
  firstName: {
    // A. whatever you return would set whatever the value is for this form input
    onChange: e => {
      return e.target.value
    },
    // B. pull out the stuff you need to set the value. (this way seems more extensible
    onChange: ({ event, value,  set }) => {
      set(event.target.value)
    }
    // you could also have formatters for your value
    value: ({ value, set }) => {
      // do some custom "getter" logic (i.e. say this was a number input)
      // this would be similar to doing `get value() {}` in a class and then doing <input value={this.value} ... />
      set(Number(value))
      // or again, you could just use the "return" value
    }
  },
  lastName: {}
})

<input {...firstName} />

[alex-cory]

You could also do B without the set function. I think that might be the cleanest, but whatever works :)

[amazingandyyy]

That's really innovative!