用下面的方法可以检查和更新对象

this.setState(prevState => ({
    Chart: this.state.Chart.length !== 0 ? [...prevState.Chart,data[data.length - 1]] : data
}));

使用es6可以这样做:

this.setState({ myArray: [...this.state.myArray, 'new value'] }) //simple value
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] }) //another array

传播的语法

使用react钩子，你可以这样做

const [countryList, setCountries] = useState([]);


setCountries((countryList) => [
        ...countryList,
        "India",
      ]);

绝不建议直接改变状态。

在以后的React版本中，推荐的方法是在修改状态时使用updater函数来防止竞争条件:

将字符串推到数组的末尾

this.setState(prevState => ({
  myArray: [...prevState.myArray, "new value"]
}))

将字符串推到数组的开头

this.setState(prevState => ({
  myArray: ["new value", ...prevState.myArray]
}))

将对象推到数组的末尾

this.setState(prevState => ({
  myArray: [...prevState.myArray, {"name": "object"}]
}))

将对象推到数组的开头

this.setState(prevState => ({
  myArray: [ {"name": "object"}, ...prevState.myArray]
}))

React-Native

如果你也想要你的用户界面(例如。ur flatList)是最新的，使用PrevState: 在下面的例子中，如果用户点击按钮，它将添加一个新对象到列表中(包括在模型和UI中)。

data: ['shopping','reading'] // declared in constructor
onPress={() => {this.setState((prevState, props) => {
return {data: [new obj].concat(prevState.data) };
})}}. 

  setState([...prevState, {
    label: newState.name,
    value: newState.id
  }]);

正在与下拉菜单工作，并希望在那里实现这个场景，我发现了这个简单的解决方案下拉多个值。