ReactJS setState mit mehrdimensionalem Objekt und dynamischem Schlüssel

Darren Sweeney

Mein Staat ist wie folgt:

this.state = {
  Form: {},
  Result: {
    Duplicate: false,
    ServerError: false
  }
};

Ich möchte dem FormObjekt bei der Eingabe dynamisch Feldwerte hinzufügen , daher versuche ich die Standardmethode zum Hinzufügen dynamischer Schlüssel:

handleChange(event) {
  const target = event.target;
  const value = target.type === 'checkbox' ? target.checked : target.value;
  const name = target.name;
  this.setState({
    Form[name]: value
  });
}

Dies führt jedoch zu diesem Syntaxfehler:

  66 |         const name = target.name;
  67 |         this.setState({
> 68 |             Form[name]: value
     |                 ^
  69 |         });
  70 |         console.log(this.state)
  71 |     }

Gibt es einen anderen Weg, um dies zu erreichen?

Lyubomir

Ich glaube, das ist der richtige Weg, um dies zu erreichen

this.setState(prevState => ({
  Form: {
    ...prevState.Form,
    [name]: value,
  }
}));

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

setState-Schlüssel mit dynamischem Index funktioniert nicht - ReactJS

reagiere setState mit dynamischem Schlüssel

Zugriff auf Objekt durch undefinierten Fehler mit dynamischem Schlüssel

Zugriff auf Objekt mit dynamischem Schlüssel in Typescript

Parsing-Objekt mit dynamischem Schlüssel durch gson

Objekt mit dynamischem Schlüsselwert an Firebase senden

Winkel 2 erhält Schlüssel und Wert vom JSON-Array mit dynamischem Schlüssel

Indizierung mit mehrdimensionalem Schlüssel Pandas Fehler

Unterschied zwischen dem setState von statischem und dynamischem Schlüssel und Wert?

Verkettung setState mit dynamischem Schlüssel in Reaktion mit es6

Destrukturierendes Argument mit Objekt und Schlüssel aus destrukturiertem Objekt?

Analysieren von JSONObject mit dynamischem Schlüssel

Pydantisches Modellschema mit dynamischem Schlüssel erstellen

Redux Nested State ... mit dynamischem Schlüssel

Dekodieren Sie JSON mit dynamischem Schlüssel

Generische Eingabe einer Hashmap mit dynamischem Schlüssel und T-Array

Attribute als Blöcke mit dynamischem Schlüssel und Wert in Terraform

Aktualisieren Sie den Status mit dynamischem Schlüssel und Wert mithilfe von Reaktions-Hooks

Objekt mit Variable als Schlüssel und Wert erstellen

jquery ordnet ein Objekt mit Schlüssel und Wert zu

Objekt mit neuem Schlüssel erstellen und gleiches Array zuweisen

php Array Merge auf Schlüssel mit mehrdimensionalem Array

ValueError: Mit mehrdimensionalem Schlüssel kann nicht indiziert werden

Array-Schlüssel als Werte mit mehrdimensionalem Array

Javascript-Objekt mit mehrdimensionalem Array

Holen Sie sich Schlüssel und Wert und Schlüssel und Objekt mit der Funktion Javascript reduzieren

JSON-Wert mit dynamischem Schlüssel mit Python lesen

Mungo - Objekt mit einem beliebigen Schlüssel und einem bestimmten Unterschlüssel suchen

Wie transformiere ich ein Javascript-Objekt in ein Objekt mit Schlüssel- und Wertarray?

TOP Liste

heißlabel

Archiv