title: Parent - Child components and data responsibilities (should child call API?)
body: <p>Thanks for any help!</p>
  
  <p>If I have a Container component which has two children: Toolbar and Data</p>
  
  <pre><code>Container 
    - Toolbar
    - Data
  </code></pre>
  
  <p>Right now I have Container making the calls to the API to get the data, which is passed down as props to the Toolbar and Data components. </p>
  
  <p>Say, Toolbar has a 'Publish' button, which when pressed needs to 1) Call the API to update the data and 2) Reload the Data Component</p>
  
  <p>My question is:  Should the Toolbar component make the call directly to the API and then let the Container know the data has changed.  OR Should the Toolbar let the Container know that the 'Publish' button was called and the Container would then call the API (re: Toolbar should not directly make changes to the data via calls to to the API, the Container should handle all calls).  I feel the letting the container handle all data changes is the more appropriate answer as it allows the container to control the state/handle errors and properly update the child components, but at the same time it seems odd to not allow a child component be able to handle it's own data behavior and that it would pass off control to the container... i'm torn ;) </p>
  
  <p>Or are both of these options incorrect and a better way exists?  </p>
  
  <p>Thanks for your help.</p>