title: trying to make a React dropdown with checkbox options in it and its not working properly
body: <p>I am trying to make a simple dropdown with dropdown items as checkbox inputs. Currently I have this :</p>
  
  <pre><code>import React, { Component } from 'react'
  export default class Sort extends Component {
    constructor() {
      super()
      this.state= { expanded : false}
  
    }
    showCheckboxes() {
        var checkboxes = document.getElementById("checkboxes");
        if (!expanded) {
            checkboxes.style.display = "block";
            this.state.expanded = true;
        } else {
            checkboxes.style.display = "none";
            this.state.expanded = false;
        }
    }
    render() {
      return (
        &lt;form&gt;
          &lt;div class="multiselect"&gt;
              &lt;div class="selectBox" onclick="showCheckboxes()"&gt;
                  &lt;select&gt;
                      &lt;option&gt;Select an option&lt;/option&gt;
                  &lt;/select&gt;
                  &lt;div class="overSelect"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="checkboxes"&gt;
                  &lt;label for="one"&gt;&lt;input type="checkbox" id="one"/&gt;First checkbox&lt;/label&gt;
                  &lt;label for="two"&gt;&lt;input type="checkbox" id="two"/&gt;Second checkbox &lt;/label&gt;
                  &lt;label for="three"&gt;&lt;input type="checkbox" id="three"/&gt;Third checkbox&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      )
    }
  }
  </code></pre>
  
  <p>But It ends up having an empty dropdown with multiple checkbox fields under the dropdown, I would like to have it within the dropdown if possible.</p>