input绑定value无法输入

刚接触react，项目中使用到了input，眼睛一闭就加上了value属性，然后在浏览器上一输入，啊哦~~无法输入，emmmm，后来解决方法如下：

先上代码~~

export default class model extends Component{
    constructor(props){
        items: {},
    }

     // 自定义方法
    inputChange(val) {
        this.state.items[val.target.name] = val.target.value;
    }

    render(){
        return(
            <div className="model">
                <div className="model-name">
                模型名称：
                <input type="text" placeholder="请输入模型名称" 
                   defaultValue={this.state.items.alarmModelName} 
                   name="alarmModelName"
                   onChange={this.inputChange.bind(this)}
                /></div>

                <div className="model-name">
                模型说明：
                <input type="text"
                   defaultValue={this.state.items.alarmModelDesc} 
                   name="alarmModelDesc" 
                   onChange={this.inputChange.bind(this)}
                /></div>
            </div>
        )
    }
}

1. 将value改为defaultValue；
2. 绑定name，name与defaultValue的值一致
3. 添加onChange方法，并绑定this（关键）：bind(this);

好了，可以去试试哦