title: How to handle Checkbox group functions using Ant design
body: <p>I created checkbox component using ant design .If I click check all box then i need to auto trigger checkbox group items </p>
  
  <p>Here my code</p>
  
  <pre><code> constructor(props) {
      super(props);
      this.state = {
          checkedList: [],
          checkAll: false,
      };
  }
  
   &lt;Checkbox onChange={this.onCheck}
             checked={this.state.checkAll} value={10}&gt;check all&lt;/Checkbox&gt;
    &lt;Checkbox.Group onChange={this.onGroupChange} value={this.state.checkedList} style={{ width: '100%',marginLeft:'5%',fontWeight:'lighter' }}&gt;
           &lt;Checkbox value={101}&gt;option 1&lt;/Checkbox&gt; &lt;br /&gt;
           &lt;Checkbox value={102}&gt;option 2&lt;/Checkbox&gt;
   &lt;/Checkbox.Group&gt;
  
  
  
  onCheck =(e)=&gt;{
      this.setState({
          checkAll: e.target.checked,
      });
      ;
  }
  onGroupChange=(checkedList)=&gt;{
      this.setState({
          checkedList,
          checkAll: checkedList,
      });
  }
  </code></pre>
  
  <p>Can u help me?</p>