給類型為text的input設置value值卻無法修改

給類型為text的input設置value值后就無法修改了

 

 

我的頁面顯示為如下但是退格卻無法改變他的值

 

 

原來是缺少onChange事件，沒法監聽value的改變

所以需要添加

onChange={this.handleChange.bind(this)}

HandleChange 函數這么寫

handleChange(e){
this.setState({phoneNum: e.target.value});
}

那探索下 如果假設有多個input 在setState中設置的值不一樣呢

很簡單這樣改

onChange={this.handleChange.bind(this,"address")

 

HandleChange函數這樣改

handleChange(attr,e){

this.setState({[attr]: e.target.value});

}

 

這樣就可以根據傳入不同的值進行賦值了