title: How to individual update checkbox in antd checkbox group
body: <p><a href="https://codesandbox.io/s/vigilant-johnson-y7rft" rel="nofollow noreferrer">I have created</a> a <a href="https://ant.design/components/checkbox/#Checkbox-Group" rel="nofollow noreferrer"><code>Checkbox.Group</code></a> using ant design, based on the values from API, the following checkboxes should get checked.</p>
  
  <pre class="lang-js prettyprint-override"><code>const options = [
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' }
  ];
  
  const valuesFromApi = ['Apple', 'Pear'];
  
  ReactDOM.render(
    &lt;div&gt;
      &lt;Checkbox.Group
        options={options}
        onChange={onChange}
        value={valuesFromApi}
      /&gt;
    &lt;/div&gt;,
    document.getElementById('container')
  );
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/aged-cdn-u6jf2?fontsize=14" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit aged-cdn-u6jf2"></a></p>