title: React handling Form Components
body: <p>Alright I am trying to submit two different forms as independent components in another page 
  component where I only have one button to submit the data of both forms. 
  So I am struggling to have a shared state in the page component and I need to pass the whole state of each form component to my page component on submit.
  Can anyone recommend a best practice for my use case ?</p>
  
  <pre><code>render() {
      return (
        &lt;div as={Row} className="container" style={formStyle}&gt;
          &lt;Col&gt;
            &lt;Form onSubmit={this.submitData}&gt;
              &lt;TripForm /&gt;
              &lt;PostForm heading="add your first blog entry" /&gt;
              &lt;Button variant="dark" type="submit"&gt;
                Summing up
              &lt;/Button&gt;
            &lt;/Form&gt;
          &lt;/Col&gt;
        &lt;/div&gt;
      );
    }
  </code></pre>