javascript - 如果我使用 defaultChecked，排序表列不会改变复选框的位置

Question

如果我使用“defaultChecked”，排序表列不会改变复选框的位置。
如果使用“选中”，我可以更改位置，但复选框无法正常工作。
我该如何解决？
这是代码：https://jsfiddle.net/sakanyan/e2a56mbk/29/

enter code here
<input  type="checkbox" checked={item.hasItem} /*OR 
defaultChecked={item.hasItem} */ />

标签： javascriptreactjs

Answer 1

尝试这个，

constructor(props) {
    super(props)
    state = {
       hasItems = false;
    }
}

handleCheck = event => {
   this.setState({hasItems : !this.state.hasItems })
}

render(){
   return(
   //....
   <input  
      type="checkbox" 
      checked={this.state.hasItem}
      onChange={this.handleCheck}
   >
   //....
   )
}