Parent does not update

Hey,

In my Login Component I have the folowing code where I pass a field down to a specific input component. When I type in the input and submit the form, the email field returns undefined although I have a value.

Did I miss something here? Shouldn’t the parent get updated with the value?

<form onSubmit={form.onSubmit}>
   <Input field={form.$('email')} />
</form>

Input.js

class Input extends React.Component {
  render() {
    const { field } = this.props;

    return (
      <div>
        <div className={s.field}>
          <input {...field.bind()} />
          <label htmlFor={field.id}>
            {field.label}
          </label>
        </div>
        <p>{field.error}</p>
      </div>
    );
  }
}

[foxhound87]

fixed it?

[pankajparkar]

@foxhound87 It should have certain sequence, I have ended up with below (typescript)

export default (withStyles as any)(styles)(observer(MyComponent))