title: Make checkbox field mandatory using React
body: <p>I want to make the checkbox field mandatory to select atleast 1 using react js.</p>
  <p>Below is my code:</p>
  <pre><code> renderCheckboxes() {    
      const { zones_to_render_to_render, filter } = this.state;
      console.log(zones_to_render_to_render, filter)
      return zones_to_render_to_render
          .filter(checkbox =&gt;
              filter === 'ALL' ||
              filter === 'CHECKED' &amp;&amp; checkbox.checked ||
              filter === 'UNCHECKED' &amp;&amp; !checkbox.checked
          )
          .map((checkbox, index) =&gt;
              // console.log(checkbox, index)
              &lt;div key={index}&gt;
                  &lt;label&gt;
                      &lt;input
                          type=&quot;checkbox&quot;
                          checked={checkbox.checked}
                          onChange={this.toggleCheckbox.bind(index)}                            
                      /&gt;
                      {checkbox.zone_name}
                  &lt;/label&gt;
              &lt;/div&gt;
          );
  }
  </code></pre>
  <p>Any help would be appreciated...</p>