首页 > 代码库 > react 用value 直接赋值 必须用onchange的解决方式

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

render : function(){
   return <input value=http://www.mamicode.com/{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" />
}

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