title: ReactJs component structure - Form inside modal
body: <p>I am using the react-bootstrap Modal, Form and Button.</p>
  
  <p>Desiring the functionality of clicking the button should open the modal with a form inside it. After filling out the form, one clicks a button (on the <strong>modal</strong>) and it validates the form data and posts it through a REST API.</p>
  
  <p>I got far enough to figure out that my component split should be as follows:</p>
  
  <p>A button component, a modal component and a form component.</p>
  
  <p>What would be the correct way to structure these components in terms of props/state and placing the functions for validating the data? I am having trouble in understanding the child/parent relationship and when it's applicable</p>