如果需要的话,可以做一个简单的判断
sublime
因为这个的this是直接指向handleInputChange的区域的this,所以可以直接访问到inpuValue,就不用再绑定了。
将input的value改为defaultValue即可,只读问题
单词写错了
第12行
this.state.list
添加展开运算符
...this.state.list
实际测试不会触发
ref shifuzujianzzhiyouzizujiande ,bujianyi shiyong
这说明你在由 state 中的 inputValue 绑定到 input 的 value的时候出现问题了,绑定语句如下:
<input value={this.state.inputValue} onChange={this.handleInputChange.bind(this)}/>
千万不要忘记 this.state
这个问题我自己解决了
handleBtnClick(){
if (this.state.inputValue) {
this.setState({
list:[...this.state.list,this.state.inputValue],
inputValue:''
})
}
}
// 事件的执行顺序 keydown keypress input change keyup
如果你对这些事件打断点,你会发现。
在input之前的事件中,ui界面并没有发生变化;
在input之后(包含)的事件中,ui界面发生了变化;
你可以在ui发生变化前做赋值吗