setState Array von Objekt

Question

Wie vermeiden Sie SetState mit Schleife? Ich habe diese

const here = [{a: 'abc'},{b: 'xyz'}]

ich this.setState({'some_other_key':123, ...here}) es nicht zu funktionieren scheint.

Answer 1

Sie müssen nur diejenigen Element zur Verfügung zu stellen SetState, dass Sie wünschen, die anderen zu ändern und nicht, und daher brauchen Sie nur

this.setState({'some_other_key':123}) 

setState eine Zusammenführung durchführt und daher, wenn der Schlüssel vorhanden ist, ist sein Wert ändert Wenn es nicht existiert, wird ein neues erschaffen und alle anderen werden so gehalten, wie sie sind.

Um ein Objekt in die setState Array hinzuzufügen, können Sie die folgende

this.setState(prevState => ({ 
    exist: [...prevState.exist, {'some_other_key':123}] 
})) 

Answer 2

const exist = {{a: 'abc'},{b: 'xyz'}}

Answer 3

versuchen tun Wo ist die Schleife? Wenn Sie haben const here = {a:'abc', b:'xyz'} Dann this.setState({'some_other_key':123, ...here}) sollte funktionieren.

Wenn const here = [{a: 'abc'},{b: 'xyz'}] Dann {'some_other_key':123, ...here} ist

{ 'some_other_key': 123, 0: {a: 'abc'}, 1: {b: 'xyz'} }

Wenn const here = {a: 'abc', b: 'xyz'} Dann {'some_other_key':123, ...here} ist

{ 'some_other_key': 123, a: 'abc', b: 'xyz' } Dies ist, wie der Spread Operator '...' funktioniert.