React中 checkbox 与 label 标签的搭配
用<label>标签替代checkbox的点击样子,点击<label>实际上就是点击checkbox checkbox的checked值会跟着一起变
<input type="checkbox" style={{display:'none'}} id={"checkbox"} onChange={this.handlerChange.bind(this)}></input> <label htmlFor={"checkbox"}></label>
可以定义label的样式来取代checkbox难看的样式
handlerChange用于检测checkbox的checked属性值的变化,以及改变组件状态