title: Made custom checkbox in React
body: <p>I try to make a custom checkbox in React. I able to make it but once I made it checked I won't able to revert it back. I got checked, and unchecked value from a JSON data.</p>
  
  <p>Component code</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;td&gt;
    &lt;div class="custom-control custom-checkbox"&gt;
      &lt;input
        type="checkbox"
        checked={venue.block}
        class="custom-control-
        input"
        id={'block-venue-' + venue.id}
        name={'block-venue-' + venue.id}
      /&gt;
      &lt;label class="custom-control-label" for={'block-venue-' + venue.id}&gt;&lt;/label&gt;
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>JSON object sample</p>
  
  <pre><code>[
    {
      "id":"one",
      "photo":"/img/venue.jpg",
      "name":"One",
      "address":"saket, new delhi",
      "manager":"pranay kumar",
      "email":"pranay.kumar@hello.com",
      "phone":"00900090",
      "block":true
    },
  ]
  
  </code></pre>