Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactJS使用选中的HTML属性时,ReactJS不允许选中复选框_Javascript_Checkbox_Reactjs - Fatal编程技术网

Javascript ReactJS使用选中的HTML属性时,ReactJS不允许选中复选框

Javascript ReactJS使用选中的HTML属性时,ReactJS不允许选中复选框,javascript,checkbox,reactjs,Javascript,Checkbox,Reactjs,与问题标题一样,在selectbox的onChange事件中,我无法将复选框标记为selected <select id='featuresType' onChange={this.handleChange.bind(this, 'type')} > {this.getOptions(featuresType)} </select> 当它绑定到defaultValue时 defaultChecked={(this.state.typeSelected=='locke

与问题标题一样,在selectbox的onChange事件中,我无法将复选框标记为selected

<select id='featuresType'
onChange={this.handleChange.bind(this, 'type')} >
 {this.getOptions(featuresType)}
 </select>
当它绑定到defaultValue时

defaultChecked={(this.state.typeSelected=='locker')}

  • 选择框无法标记给定的条件,但可以手动标记已选中/已取消选中
  • checked={(this.state.typeSelected=='locker')}

  • 在该选中属性上,复选框可以基于“选择框”选项值标记为选中。但在这种情况下,手动检查或 取消检查没有发生
  • 希望你们能解决我的问题

    这是你的电话号码

    我希望复选框可以双向操作,在选择选项时,复选框应该被选中。用户还可以手动选中/取消选中复选框:

    setState()不会立即改变this.state,但会创建 等待状态转换。调用此命令后访问this.state 方法可能返回现有值

    无法保证对setState调用的同步操作 为了提高性能,可以对调用进行批处理

     handleChange: function (field, e) { 
                if (field == 'type') {
                    let selected = e.target.value;
                    this.setState({typeSelected: selected})
                }
                /*Why the console is taking the previous selecte option, ex: if Locker is selectec below lone prints 'dc' */
                 console.log(field ,',',  this.state.typeSelected)
            },