title: React - Show/Hide multiple divs from different check boxes
body: <p>I am new in react, I have certain domain in JS, I imagine this is a simple question but I have been searching for 2 hours and I haven't found a satisfactory answer :(</p>
  
  <p>I have the check boxes:</p>
  
  <pre><code>&lt;Col md="4"&gt;
    &lt;FormGroup&gt;
      &lt;Label&gt;Have Children&lt;/Label&gt;
      &lt;CustomInput type="radio" name="customRadio" label="Yes" value="yes" /&gt;
      &lt;CustomInput type="radio" name="customRadio" label="No" value="no" /&gt;
    &lt;/FormGroup&gt;
  &lt;/Col&gt;
  &lt;Col md="4"&gt;
    &lt;FormGroup&gt;
      &lt;Label&gt;Have Spouse&lt;/Label&gt;
      ...(same as children input)
    &lt;/FormGroup&gt;
  &lt;/Col&gt;
  &lt;Col md="4"&gt;
    &lt;FormGroup&gt;
      &lt;Label&gt;Have Family Members&lt;/Label&gt;
      ...(same as children input)
    &lt;/FormGroup&gt;
  &lt;/Col&gt;
  </code></pre>
  
  <p>If you click on "have children"
  I want that some divs after, related to children, to be displayed. If not, they should be hidden. And the same for the other options.</p>
  
  <p>I want to know what is the cleanest way to do this.</p>