title: React Native + Redux Form : Wizard Form handleSubmit
body: <p>I am trying to create wizard form in react native with the help of this <a href="https://redux-form.com/7.0.4/examples/wizard/" rel="nofollow noreferrer">example</a>. but handleSubmit is not working.</p>
  
  <p><strong>Signup.js</strong></p>
  
  <pre><code>submitForm(values){
   console.log("formValues",values);
  }
  
  nextPage(){
   this.setState({ page: this.state.page + 1 });
  }
  
  render(){
   const { page } = this.state;
   {page === 1 &amp;&amp; &lt;WizardFormFirstPage nextPage={this.nextPage} /&gt;}
   {page === 2 &amp;&amp; &lt;WizardFormSecondPage nextPage={this.nextPage} /&gt;}
   {page === 3 &amp;&amp; &lt;WizardFormThirdPage onSubmit={this.submitForm}  /&gt;}
  }
  </code></pre>
  
  <p>WizardFormFirstPage and WizardFormSecondPage works fine. but when it comes on WizardFormThirdPage it doesn't do anything (I can't see any console log in my terminal for validations and submitForm function). here is the code written.</p>
  
  <p><strong>WizardFormThirdPage.js</strong> </p>
  
  <pre><code>const WizardFormThirdPage = props =&gt; {
  const { handleSubmit, onSubmit } = props;
  return (
   &lt;View&gt;
    &lt;Field name="street" component={InputField} label="Street" /&gt;
    &lt;Button style= {{ margin: 10 }} block primary onPress={handleSubmit(onSubmit)}&gt;
      &lt;Text&gt;Continue&lt;/Text&gt;
    &lt;/Button&gt;
   &lt;/View&gt;
   );
  };
  export default reduxForm({
   form: 'signup', //                 &lt;------ same form name
   destroyOnUnmount: false, //        &lt;------ preserve form data
   forceUnregisterOnUnmount: true, // &lt;------ unregister fields on unmount
   validate,
  })(WizardFormThirdPage);
  </code></pre>