reactjs – 处理FormControl React的更改

发布时间：2020-12-15 20:15:43 所属栏目：百科来源：网络整理

导读：嘿所以我有一个文本框/ FormControl,它应该在this.state中更新json中的一个字段.我想知道是否有更好的方法来改变？ FormControl type='text' placeholder='enter' defaultValue={this.state.form.name} onChange={this.handleChange.bind(this,'name')}//For

嘿所以我有一个文本框/ FormControl,它应该在this.state中更新json中的一个字段.我想知道是否有更好的方法来改变？

<FormControl 
  type='text' 
  placeholder='enter' 
  defaultValue={this.state.form.name}
  onChange={this.handleChange.bind(this,'name')}
/>
</FormGroup>

handleChange(change,event) {
    var toChange = this.state.form;
    toChange[change] = event.target.value;
    this.setState({form: toChange});
  }

解决方法

优化handleChange方法如下. (将’username’替换为您喜欢的字段名…)

<FormControl 
  type='text'
  name='username' 
  placeholder='enter' 
  defaultValue={this.state.form.username}
  onChange={this.handleChange.bind(this)}
/>
</FormGroup>

handleChange(event) {
    let fieldName = event.target.name;
    let fleldVal = event.target.value;
    this.setState({form: {...this.state.form,[fieldName]: fleldVal}})
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!