react使用textarea给value赋值后获取到的是旧

Posted 2023-04-30

参考技术A 题主是否想询问“react使用textarea给value赋值后获取到的是旧值”？赋值出错、没有进行绑定数据。
1、赋值出错导致react使用textarea给value赋值后获取到的是旧值。
2、react使用textarea给value赋值后获取到的是旧值的原因是没有进行绑定数据，需要进行绑定即可解决。

react 用value 直接赋值 必须用onchange的解决方式

render : function(){
　　　return <input value={this.state.bankCardValue} type="text" onKeyUp={this.keyUp} ref="bankInput"/>
}

此情况下，报错。 直接赋值的input变为了受控的input，必须有个onChange事件的回调。

此时，可把value 改为用defaultValue的方式

render : function(){
　　　　return <input defaultValue={this.state.bankCardValue} type="text" onKeyUp={this.keyUp} ref="bankInput" />
}