源碼https://stackblitz.com/edit/r...classAppextendsComponent{constructor(){super();this.state={name:'React',checked:false,};this.handleChange=this.handleChange.bind(this)}handleChange(event){this.setState({checked:event.target.checked})}render(){return(colorfortesttest'slabel{this.setState({checked:undefined})}}>something);}}在線演示(支持DevTool)https://react-as5oze.stackbli...問題是這樣的:如果this.state.checked一開始是true(藍色背景),那么我點一下勾選框(this.state.checked為false了),再點一下something按鈕,它又變成了藍色如果this.state.checked一開始是false(紅色背景),那么我點一下勾選框(this.state.checked為false了),再點一下something按鈕,它又變成了紅色something按鈕的功能就是將checked設為undefined,請問這個按鈕為什么會出現上述這種看起來像'復原'的功能補充(我實際遇到的問題):一個設置頁,如果用戶點擊取消則將所有checkbox復原,經過排查發現再復原方法中漏了一個state字段(這就導致這個字段在復原時設為undefined),但是從界面上卻是正常效果
React CheckBox問題
慕桂英546537
2019-05-13 08:56:05