Partial App - Events

partialApp-event.tsx

const FORM_ID = 'personal-details'

// Factory
const onChange = (fieldName: string) => e => {
  notifyParentOnFieldChange(FORM_ID, fieldName)

  // actual computaion
  const value = e.target.value
  ...
}

const Form = () => (
  <form id={FORM_ID}>
    <input name="name" onChange={onChange('name')} />
    <input name="address" onChange={onChange('address')} />
    <input name="phoneNum" onChange={onChange('phoneNum')} />
    ...
  </form>
)