オブジェクトのsetState配列

Question

ループでsetStateを回避するにはどうすればよいですか？私はthis.setState({'some_other_key':123, ...here})動作するようには思えないんこの

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

を持っています。

Answer 1

あなただけが他のものを変更しないことを望むので、あなただけの

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

setStateがマージを行い、したがって、キーが存在する場合、その値が変化する必要があることをSETSTATEにそれらの要素を提供する必要がありますそれが存在しなければ、新しいものが作成され、他のすべてはそのまま維持されます。

SETSTATE配列にオブジェクトを追加するには、次の

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

Answer 2

はどこループがある？const exist = {{a: 'abc'},{b: 'xyz'}}

Answer 3

を試すことができますか ご存知の方 const here = {a:'abc', b:'xyz'} this.setState({'some_other_key':123, ...here})が有効です。

const here = {a: 'abc', b: 'xyz'} が続い{'some_other_key':123, ...here}広がりオペレータは '...' どのように動作するかこれは

{ 'some_other_key': 123, a: 'abc', b: 'xyz' } ある場合const here = [{a: 'abc'},{b: 'xyz'}] が続い{'some_other_key':123, ...here}

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

ある場合。