react怎么触发checkbox的change事件？

Question

<input type='checkbox' onChange={this.selectAll.bind(this)} className="selectAll"/>全选
<br/>
<div className='checkboxs'>
    <input type='checkbox' onChange={()=> {console.info(1);}}/>选项1
    <input type='checkbox' onChange={()=> {console.info(2);}}/>选项2
    <input type='checkbox' onChange={()=> {console.info(3);}}/>选项3
</div>

/* 选取全部 */
selectAll(e){
    let checked = e.target.checked;
    $('.checkboxs input').prop('checked', checked);
}

问题：我现在是我如果点击全选他是不会触发选项的onChange事件，我如何才能点击全选的时候也触发选项的onChange事件？

Answer 1

建议去掉 jQuery，把这些 checkbox 写成受控组件，用 React 的方式去实现全选。

Answer 2

楼上说的对，你这个有点混乱啊，用jQ去控制，但是还用了react的风格，统一用react方式控制，然后这个是表单的控制，在react官网中有针对的说明https://chenyitian.gitbooks.i...，可以借鉴这个地方的说明。