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

Posted 2020-08-09 忘却的记忆

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" />
}