title: How do I select all Child Components from my Parent Component and then uncheck a few while retaining the other checked components?
body: <p>I have a checkbox in my parent component which when checked selects all child components. </p>
  
  <p>In my child component, I have checkboxes whose checked property is controlled (checked={this.state.checked || this.props.checkAll}). Now I am able to select all child elements at once. But when I try to uncheck only a single component I cant since the this.props.checkAll is true. </p>
  
  <p>How Do I achieve this? </p>