Wie setze ich den Status in einer React-Komponente mit this.setState, ohne den zu aktualisierenden Feldnamen explizit zu übergeben?

Question

Ich habe ein Formular in meiner Komponente mit vielen Eingabefeldern, die den lokalen Status über einen Ereignishandler namens "handleFieldEdit" aktualisieren.

Ich möchte lokalen Zustand setzen, was auch immer der Benutzer in das Eingabefeld ist die Eingabe, aber ich weiß nicht, welches Feld der Benutzer verwenden, so dass ich versuchte Staat auf diese Weise eingestellt werden:

handleFieldEdit(event) { 

     this.setState({ 
      event.target.name: event.target.value 
     }); 

} 

Das funktioniert nicht. Ich denke, dass dies mit einem einfachen Javascript-Syntax-Trick gelöst werden kann, aber die react-Methode setState wirft mich ab. Wie soll ich diesen Zustand einstellen?

Answer 1

Verwenden Sie ein computed property name:

this.setState({ 
     [event.target.name]: event.target.value 
    });