title: React-Redux : how to make ReCaptcha a required field
body: <p>in my react-redux form, i want to make recaptcha a required field, and disable my navigation bar component until recaptcha response is verified, i found some similar questions with javaScript but i wasn't able to apply them with React, because i am using react-recaptcha plugin : </p>
  
  <pre><code>  &lt;div className="form_wrapper"&gt;
    &lt;ReCAPTCHA
              sitekey="xxxxxxxxxxx"
              render="explicit"
              onloadCallback={this.callback}
              verifyCallback={this.verifyCallback}
            /&gt;
    &lt;/div&gt;
    &lt;NavigationBar
       fields={requiredFields}
      // disableNext={this.props} (here where i make conditions to disable)
      /&gt;
  </code></pre>
  
  <p>here are my callback and verifyCallback methods:</p>
  
  <pre><code>  verifyCallback(response) {
       return response;
   }
   callback() {
  console.log('Done !!');
  }
  </code></pre>
  
  <p>thank you  </p>
  
  <p>i added the code suggested by Hardik Modha, as follows but still having the same issue: </p>
  
  <pre><code> &lt;NavigationBar
       fields={requiredFields}
       disableNext={this.props ... &amp;&amp; !this.validateForm()} 
      /&gt;
  
   verifyCallback(response) {
  this.setState({
    reCaptchaResponse: response,
  });
   }
  
   validateForm() {
  if (!this.state.reCaptchaResponse || this.state.reCaptchaResponse.trim().length === 0) {
    return false;
  }
  return true;
   }
  </code></pre>