Handle Änderung von FormControl Reagieren

Question

Hey, ich habe ein Textfeld/FormControl, das ein Feld in einem JSON in this.state aktualisieren soll. Ich habe mich gefragt, ob es einen besseren Weg gibt, onChange zu machen?

<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}); 
    } 

Answer 1

die handleChange Methode wie unten optimieren. (Ersetzen Sie 'Benutzername' durch den Feldnamen, den Sie mögen ...)

<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}}) 
    }