trying to make a React dropdown with checkbox options in it and its not working properly
<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>