javascript - React JS 警告

Question

当我运行以下代码时收到此警告。如何消除该错误？

谢谢。

Warning: Failed form propType: You provided a value prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultValue. Otherwise, set either onChange or readOnly. Check the render method of test.

var test = React.createClass({

getInitialState : function(){
    return {
        number : 10,
        checked: [],
        selected : []
    };
},

componentWillMount : function(){

},

moreAilment : function (){
    var temp = this.state.number + 5;
    this.setState({number:temp});
},

handleChangechk: function (e){
    const target = e.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;
    var checkedCopy = this.state.checked.slice();
    var selectedCopy = this.state.selected.slice();

    if(value===true) {
            checkedCopy[name] = true;
            selectedCopy [name] = name; }
    else {  
            checkedCopy[name] = false;
            selectedCopy [name] = '';  }

    this.setState({
               checked: checkedCopy,
              selected: selectedCopy });
},


render : function() {

    var ailmentsList = [];
    var selectedList= [];

    for (var i = 0; i < this.state.number; i++) {

        ailmentsList.push(<span ><input type="checkbox" checked={!!this.state.checked[i]}  onChange={(e)=> {this.handleChangechk(e)}} /><span ></span><label> Asthma {i}</label></span>);
        if(this.state.selected[i])
            {
                selectedList.push(this.state.selected[i]); 
            }
    };

    return(
            <div className>
                {selectedList}
            </div>
        );

   }
});

Answer 1

你能试试这个吗

<div>
    <input type='checkbox' defaultChecked />
</div>

基本上，您需要向复选框添加 defaultChecked 属性或者我不确定它是否会起作用，但让我们尝试一下你可以这样做 onchange

onChange={this.handleChangechk}

而不是onChange={(e)=> {this.handleChangechk(e)}}

编辑:创建了使用复选框和按钮切换复选框状态的 fiddle 工作的简单示例 http://jsfiddle.net/yeoman/payugwju/1/