title: React-final-form how is submit handled in the render of the form
body: <p>Seems I can't get a grip on how <a href="https://www.npmjs.com/package/react-final-form" rel="nofollow noreferrer">React-final-form</a> works. </p>
  
  <p>There is a functional component with the following sections: 
  At the top:</p>
  
  <pre><code>import {Form, Field} from "react-final-form";
  </code></pre>
  
  <p>Then in the return:</p>
  
  <pre><code>return (
      &lt;Fragment&gt;
          &lt;Form
              onSubmit={handleSubmit}
              render={ ({innerSubmit, form, submitting, pristine, values}) =&gt; (
                  &lt;form onSubmit={innerSubmit}&gt;
                     ( Bunch of Fields... )
  
                       &lt;div className="buttons"&gt;
                          &lt;button type="submit" disabled={submitting}&gt;
                              Save
                          &lt;/button&gt;
                          &lt;button
                              type="button"
                              onClick={form.reset}
                              disabled={submitting || pristine}&gt;
                              Reset
                          &lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              )}
          /&gt;
     &lt;/Fragment&gt;
  )
  </code></pre>
  
  <p>So, the render is a function which passes an object. In that object, the first one is 'innerSubmit'. </p>
  
  <p>How is innerSubmit connected to the 'handleSubmit'? </p>
  
  <p>And what are these values in the object  (innerSubmit, form, submitting, pristine and values). The render function in React.dom (where render is coming from) has different parameters.</p>