向現有狀態添加新值-React Native

Question

this.setState ({
      information: [{
                   country: 'country1',
                   place: 'place1'
                   }]
});

這個setState（）; 為每個循環執行多次。 問題在於現有值將在每個循環中被覆蓋。 我必須更改以在每個循環中“添加”新值嗎？

更新：我為下面的問題找到了一個可行的解決方案：

this.setState (state => ({
                    countries: [...state.countries,
                        {
                            name: child.key.toString(),
                            uri: snapshot.val().toString()
                        }
                    ]
                }));

Answer 1

您可以這樣操作：

        this.setState(state=> ({
            information: {
              country: [...state.information.country, "country1"],
              place:   [...state.information.place, "place1"]
            }
          })
        );
        console.log(this.state.information);

Answer 2

您不能真正進行推送，因為它會直接使狀態發生變化，並且即使隨后再“重置”狀態也可能導致易於出錯的代碼。 例如，它可能導致某些生命周期方法（例如componentDidUpdate）不會觸發。

因此，使用ES6，您可以使用傳播算子。

this.setState(prevState => ({
    information: {
      country: [...state.information.country, "country1"],
      place:   [...state.information.place, "place1"]
    }
  })
);
console.log(this.state.information);