react中使用复选框的注意点

export default class Item extends Component {
  render() {

   const {id,name,done} =this.props
    return (
      <li>
        <label>
          <input type="checkbox" defaultChecked={done}/>
          <span>{name}</span>
        </label>
        <button className="btn btn-danger" style={{ display: "none" }}>
          删除
        </button>
      </li>
    );
  }
}

input的属性defaultChecked=true或false，这样设置之后，用户是可以选择勾选或不勾选的，如果将该属性改为checked=true，注意的是defaultChecked只在第一次的初始化的时候有效果，后面即使通过onchange事件去改变，它也不会生效，通常也不会使用它。

那么用户就不能再勾选了，是只读属性，如果想改只能通过onChange事件来修改

常用的是checked+Onchange事件组合使用