[V6] Submitting with no registered fields

[mike1808]

I have the multistep wizard form which last step has no field, just a plain submit button.

Let's consider the follow example:

function WizardFirstStep({ handleSubmit }) {
  return (
    <form onSubmit={handleSubmit}>
      <Field name="username" component="input" type="text" />
      <Field name="password" component="input" type="password" />
    </form>
  );
}

export default reduxForm({
  form: 'wizard',
  destroyOnUnmount: false,
})(WizardFirstStep);

function WizardSecondStep({ handleSubmit }) {
  return (
    <form onSubmit={handleSubmit}>
      <button type="submit">Submit</button>
    </form>
  );
}

export default reduxForm({
  form: 'wizard',
  destroyOnUnmount: false,
})(WizardSecondStep);

And also the main component which changes these steps (like in the examples).

The issues is the following: in the reducer of UNREGISTER_FIELD action if the there is no fields registeredFields property is removed and when you try to submit with the removed property ReduxForm:getFieldList() method will throw an error.

I think that you shouldn't remove the registeredFields property from the state and let it to be an empty array.

One workaround for this is to create a hidden field <Field name="hidden" component="input" type="hidden" /> just to make that property not to be empty.

[ooflorent]

@clayne11 could you take a look at this issue please?

[clayne11]

I'll look at it. Should be a simple fix.

[erikras]

Published fix in v6.0.0-rc.1.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.